Advanced Elements

Input Formats

Credit Card

Date

Numeral formatting

Prefix

Cleave.js is a small library for input formatting. Check out their documentation. Nice to know: There are also Angular and ReactJS components available.

Advanced Select (Choices.js)

Single Select

Multiple Select

Multople Select With remove icon

Choices.js is a fantastic library for custom selects with tons of options. Check out their documentation for more options and examples.

Date Picker

Date Picker Default

Date & Time Picker

Humand friendly date Recommended for better UX

Inline Calendar

April

SunMonTueWedThuFriSat

303112345678910111213141516171819202122232425262728293012345678910

Flatpickr is a light-weight library for picking dates and times. It is feature rich and supports date ranges, disabling dates, multiple dates and many more.