SingleDatePicker calendar

[meghna786]

I want to integrate the single datepicker for the quarterly, monthly and yearly periods only
No matter what i try I keep getting date picker(specific date in mm/dd//yyyy format)

I have tried following datepicker object-

let datepickerobj={
       singleDatePicker: true,,
      "ranges": {
                "Custom Range": "custom"
            },
      "periods": [
                      "quarter"
       ],
       "expanded": true,
       "minDate": "2011-06-26T10:43:55.591Z",
       "maxDate": "2036-06-26T10:43:55.591Z"
    }

{
      singleDatePicker: true,
      showDropdowns: false,
      minYear: 1901,
      maxYear: parseInt(moment().format('YYYY'),10),
      
      "periods": [
          "quarter"
      ],
      
    }