Date & Time Pickers
Many forms require date or time input from users, such as entering a date of birth. Thus this package would have been incomplete without these date and time input components.
The date and time pickers provided are derived from Mui X Pickers. Please follow the installation guide and review the base concepts to begin integrating these components. Each picker component comes wrapped with a LocalizationProvider.
The recommended dateAdapter
library is dayjs, so ensure you have it installed along with the @mui/x-date-pickers package.
npm install @mui/x-date-pickers
npm install dayjs
yarn add @mui/x-date-pickers
yarn add dayjs
To use a different dateAdapter
, refer the customization guide
📄️ RHFDatePicker
Integrate RHFDatePicker with react-hook-form to create customizable date-picking inputs. Supports flexible props for enhanced form functionality. Explore examples and API details for seamless integration.
📄️ RHFTimePicker
Use RHFTimePicker with react-hook-form to create customizable time input fields. Explore examples and API details for enhanced functionality.
📄️ RHFDateTimePicker
Integrate RHFDateTimePicker with react-hook-form for customizable date and time inputs. Supports various date adapters and flexible props. Check examples and API details for seamless integration.