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.

Bootstrap Date Picker

It is the must need Date Picker with all possible options available. You can tweak the settings whatever you required for Date selection.

Check out Github

Launch DatePicker in Modal
Preview
SuMoTuWeThFrSa
2526272829301234567891011121314151617181920212223242526272829303112345
SuMoTuWeThFrSa
2526272829301234567891011121314151617181920212223242526272829303112345
SuMoTuWeThFrSa
301234567891011121314151617181920212223242526272829303112345678910
SuMoTuWeThFrSa
2526272829301234567891011121314151617181920212223242526272829303112345
to
SuMoTuWeThFrSa
2526272829301234567891011121314151617181920212223242526272829303112345
SuMoTuWeThFrSa
2526272829301234567891011121314151617181920212223242526272829303112345
SuMoTuWeThFrSa
2526272829301234567891011121314151617181920212223242526272829303112345
SuMoTuWeThFrSa
2526272829301234567891011121314151617181920212223242526272829303112345
SuMoTuWeThFrSa
2526272829301234567891011121314151617181920212223242526272829303112345
SuMoTuWeThFrSa
2526272829301234567891011121314151617181920212223242526272829303112345
// minimum setup (function () { const d_week = new Datepicker(document.querySelector('#pc-datepicker-1'), { buttonClass: 'btn', }); })(); (function () { const d_week = new Datepicker(document.querySelector('#pc-datepicker-1_modal'), { buttonClass: 'btn', }); })(); // input group layout (function () { const d_week = new Datepicker(document.querySelector('#pc-datepicker-2'), { buttonClass: 'btn', }); })(); (function () { const d_week = new Datepicker(document.querySelector('#pc-datepicker-2_modal'), { buttonClass: 'btn', }); })(); // enable clear button (function () { const d_week = new Datepicker(document.querySelector('#pc-datepicker-3'), { buttonClass: 'btn', todayBtn: true, clearBtn: true }); })(); // orientation (function () { const d_week = new Datepicker(document.querySelector('#pc-datepicker-4_1'), { buttonClass: 'btn', orientation: "top left", }); })(); (function () { const d_week = new Datepicker(document.querySelector('#pc-datepicker-4_2'), { buttonClass: 'btn', orientation: "top right", }); })(); (function () { const d_week = new Datepicker(document.querySelector('#pc-datepicker-4_3'), { buttonClass: 'btn', orientation: "bottom left", }); })(); (function () { const d_week = new Datepicker(document.querySelector('#pc-datepicker-4_4'), { buttonClass: 'btn', orientation: "bottom right", }); })(); // range picker (function () { const datepicker_range = new DateRangePicker(document.querySelector('#pc-datepicker-5'), { buttonClass: 'btn', }); })(); // inline picker (function () { const datepicker_inline = new Datepicker(document.querySelector('#pc-datepicker-6'), { buttonClass: 'btn', }); })();