Datepicker
Basic Date Picker
HTMLOpenTaginput class="datepicker form-control _-56 d-block mx-auto" data-single-mode="true"HTMLCloseTag
Input Group
HTMLOpenTagdiv class="input-group w-56 __-____&____;____________ HTMLOpenTagdiv id="input-group-email" class="input-group-text"HTMLCloseTag HTMLOpenTagi ____-_______=&____;________&____; class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTaginput ____=&____;____&____; class="datepicker form-control" data-single-mode="true"HTMLCloseTag HTMLOpenTag/divHTMLCloseTag
Date Range Picker
HTMLOpenTaginput data-daterange="true" class="datepicker ____-_______ w-56 d-block mx-auto"HTMLCloseTag
Modal Date Picker
HTMLOpenTag!-- BEGIN: Show _____ Toggle --HTMLCloseTag HTMLOpenTagdiv class="text-center"HTMLCloseTag ____________ href="javascript:;" data-bs-toggle="modal" data-bs-target="#datepicker-modal-preview" class="btn ___-_______&____;________________ ModalHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: ____ Modal Toggle --HTMLCloseTag HTMLOpenTag!-- _____: Modal Content --HTMLCloseTag HTMLOpenTagdiv __=&____;__________-_____-_______&____; class="modal fade" tabindex="-1" aria-hidden="true"HTMLCloseTag ______________ class="modal-dialog"HTMLCloseTag HTMLOpenTagdiv class="modal-content"HTMLCloseTag HTMLOpenTag!-- _____: Modal Header --HTMLCloseTag HTMLOpenTagdiv _____=&____;_____-______&____;____________ HTMLOpenTagh2 class="fw-medium fs-base me-auto"HTMLCloseTagFilter __ DateHTMLOpenTag/h2HTMLCloseTag HTMLOpenTagbutton class="btn btn-outline-secondary _-____ d-sm-flex"HTMLCloseTag HTMLOpenTagi data-feather="file" class="w-4 _-4 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Download Docs HTMLOpenTag/buttonHTMLCloseTag ______________ class="dropdown d-sm-none"HTMLCloseTag HTMLOpenTaga class="dropdown-toggle _-5 h-5 d-block" href="javascript:;" role="button" ____-________=&____;_____&____; data-bs-toggle="dropdown"HTMLCloseTag HTMLOpenTagi data-feather="more-horizontal" class="w-5 _-5 text-gray-600 dark-text-gray-600"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/aHTMLCloseTag HTMLOpenTagdiv _____=&____;________-____ w-40"HTMLCloseTag HTMLOpenTagul class="dropdown-content"HTMLCloseTag HTMLOpenTagliHTMLCloseTag ____________ href="javascript:;" class="dropdown-item"HTMLCloseTag HTMLOpenTagi data-feather="file" _____=&____;_-4 h-4 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Download Docs ___________/_____________ HTMLOpenTag/liHTMLCloseTag HTMLOpenTag/ulHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________/_______________ HTMLOpenTag!-- END: Modal Header --____________ HTMLOpenTag!-- BEGIN: Modal Body --____________ HTMLOpenTagdiv class="modal-body grid columns-12 ___-4 gap-y-3"HTMLCloseTag HTMLOpenTagdiv class="g-col-12 g-col-sm-6"HTMLCloseTag ________________ for="modal-datepicker-1" class="form-label"HTMLCloseTagFromHTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput id="modal-datepicker-1" _____=&____;__________ form-control" data-single-mode="true"HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv _____=&____;_-___-12 g-col-sm-6"HTMLCloseTag HTMLOpenTaglabel for="modal-datepicker-2" class="form-label"HTMLCloseTagToHTMLOpenTag/labelHTMLCloseTag ________________ id="modal-datepicker-2" class="datepicker form-control" data-single-mode="true"HTMLCloseTag ___________/_______________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Modal ____ --HTMLCloseTag HTMLOpenTag!-- BEGIN: Modal ______ --HTMLCloseTag HTMLOpenTagdiv class="modal-footer text-end"HTMLCloseTag _________________ type="button" data-bs-dismiss="modal" class="btn btn-outline-secondary _-20 me-1"HTMLCloseTagCancelHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton type="button" class="btn ___-_______ w-20"HTMLCloseTagSubmitHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: _____ Footer --HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________/_______________ HTMLOpenTag!-- END: Modal Content --____________