The SuiDatePicker component helps you to simply create a beautiful date picker. It uses react-flatpickr in base and you can use all of its props for SuiDatePicker.

The below codes are editable and you can modify them the way you want directly from your browser, please use the green button or the ctrl + s to save the changes.


// Soft UI Dashboard PRO React components import SuiDatePicker from "components/SuiDatePicker";

Props Information

inputobject{}Used to pass all of the SuiInput props for the SuiDatePicker because it uses the SuiInput as its base input.
React Flatpickr PropsYou can pass all of the react-flatpickr props for the SuiDatePicker as well.