Adminlte: DatePicker?

Created on 20 Dec 2019  路  5Comments  路  Source: ColorlibHQ/AdminLTE

In the old versions of AdminLTE there is a pop up date picker.
https://adminlte.io/themes/AdminLTE/pages/forms/advanced.html

In the latest release there is no such thing ( only ones can be found with a date RANGE ).

Can be found on the advanced form elements page.

pages/forms/advanced.html ( Date Picker )

All 5 comments

There is also a Datetimepicker which you can use for, it's called (tempusdominus-bootstrap-4](https://tempusdominus.github.io/bootstrap-4/Usage/) _it need moment.js as dependency_.

In the AdminLTE v3 docs is only the timepicker visible, but this markup can used for datepicker too or even for the combined datetimepicker.

https://bootstrap-datepicker.readthedocs.io/en/latest/

This one also works with Bootstrap4 if you're not a fan of TempusDominus like me. I added the below small css tweaks to add some needed spacing on the calendar table:

.datepicker td,
.datepicker th
{
  padding: 5px;
  line-height: 1;
  width: 30px;
  height: 30px;
}

.datepicker.dropdown-menu {
  padding: 4px;
}

Thanks guys. But will be cool to add simple date picker to templates.

Thanks guys. But will be cool to add simple date picker to templates.

You can add by contributing

You can use singleDatePicker: true for daterangepicker as the example.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

riklaunim picture riklaunim  路  3Comments

vbetancourt picture vbetancourt  路  3Comments

LeoYong95 picture LeoYong95  路  4Comments

frlinw picture frlinw  路  3Comments

andyhughes73 picture andyhughes73  路  3Comments