shape shape shape shape shape shape
SupportCategory: QuestionsHow customize the dateRangePicker of theme Trizen
satego asked 3 years ago

How can I customize the dateRangePicker control? I added rules in main.js but they are not being applied

1 Answers
Kamal Ahmed Staff answered 3 years ago

Hello,
To add control to the [ date range picker ] at first open your [ main.js ] file.
then go to [ date range picker ] function. you will see we added some control to [date range picker ] separated by commas. for better understanding see the below example.
// this is our default option
$(datePickerSingle).daterangepicker({
   singleDatePicker: true,
   opens: ‘right’,
   locale: {
      format: ‘DD/MM/YYYY’,
    }
});
// We added [ drops: ‘up’ ] option to date range picker separated by commas. you will add option like this
$(datePickerSingle).daterangepicker({
     drops: ‘up’,
     singleDatePicker: true,
     opens: ‘right’,
     locale: {
        format: ‘DD/MM/YYYY’,
    }
});
All option of date range picker go to this link https://www.daterangepicker.com/#options
If you need any help do not hesitate to contact us.
Best regards,
TechyDevs