Material Bootstrap Date range picker Form
with the litepicker picker plugin

PHP Form Builder's Material Forms can be built with Bootstrap 4 or Materialize framework.

Bootstrap Material Forms

  • Bootstrap 4 is the framework used as the main css on your page
  • Material Design is a customized version of Materialize framework containing only the minimal css/js required for forms.
  • These forms are using PHP Form Builder's materialize plugin

Pure Material Forms

  • Materialize is the framework used as the main css on your page
  • These forms don't use any extra plugin

Detailed explanations here: Material Design Forms

Simple date picker
Simple date range picker
Date range picker with minimum & maximum date
The minimum date is set to the current day, the maximum date is one month later.
Change the date format
The plugin documentation about date formats is available here: https://wakirin.github.io/Litepicker/#option-format
Change the language
Date range with range restricted to minimum 6 days + reset / submit buttons
Date range in 2 separate fields + formatted dates
Date range in 2 separate fields + formatted dates + independent pickers + disabled dates