Datta Able
Generic placeholder image
3
Josephin DoeTyping . .
Generic placeholder image
1
Lary Doeonline
Generic placeholder image
Aliceonline
Generic placeholder image
1
Alia10 min ago
Generic placeholder image
Suzen15 min ago
Generic placeholder image
3
Josephin DoeTyping . .
Generic placeholder image
1
Lary Doeonline
Generic placeholder image
Aliceonline
Generic placeholder image
1
Alia10 min ago
Generic placeholder image
Suzen15 min ago
Generic placeholder image
3
Josephin DoeTyping . .
Generic placeholder image
1
Lary Doeonline
Generic placeholder image
Aliceonline
Generic placeholder image
1
Alia10 min ago
Generic placeholder image
Suzen15 min ago
Generic placeholder image
3
Josephin DoeTyping . .
Generic placeholder image
1
Lary Doeonline
Generic placeholder image
Aliceonline
Generic placeholder image
1
Alia10 min ago
Generic placeholder image
Suzen15 min ago
Josephin Doe
Generic placeholder image

hello Datta! Will you tell me something

about yourself?

8:20 a.m.

Ohh! very nice

8:22 a.m.

Generic placeholder image

can you help me?

8:20 a.m.

Date Range picker

This date range picker component creates a dropdown menu from which a user can select a range of dates.

Check out Github

Launch Pickers in Modal
Preview
// minimum setup document.querySelector("#pc-daterangepicker-1").flatpickr({ mode: "range" }); document.querySelector("#pc-daterangepicker-1-modal").flatpickr({ mode: "range" }); document.querySelector("#pc-daterangepicker-2-modal").flatpickr({ mode: "range" }); document.querySelector("#pc-daterangepicker-2").flatpickr({ mode: "range" }); document.querySelector("#pc-daterangepicker-3").flatpickr({ mode: "range", minDate: "today", dateFormat: "Y-m-d", disable: [ function (date) { return !(date.getDate() % 8); } ] }); document.querySelector("#pc-daterangepicker-4").flatpickr({ mode: "range", dateFormat: "Y-m-d", defaultDate: ["2016-10-10", "2016-10-20"] }); SunMonTueWedThuFriSat
2526272829301234567891011121314151617181920212223242526272829303112345
SunMonTueWedThuFriSat
2526272829301234567891011121314151617181920212223242526272829303112345
SunMonTueWedThuFriSat
2526272829301234567891011121314151617181920212223242526272829303112345
SunMonTueWedThuFriSat
2526272829301234567891011121314151617181920212223242526272829303112345
SunMonTueWedThuFriSat
2526272829301234567891011121314151617181920212223242526272829303112345
SunMonTueWedThuFriSat
2526272829301234567891011121314151617181920212223242526272829303112345