React Date Picker Integration

Single Date

React Formz makes it extremely easy to integrate with third-party input libraries like react-datepicker. Below is an example of how to integrate with react-datepicker. Like all integrations, your components will automatically be optimized to re-render only when the component changes.

In the example below we are using react-datepickers default DatePicker component in conjuction with a react-formz DependentTextField component. The dependent field depends (subscribes to) on the value of the date picker.

Date Range

You can also use the react-datepicker range functionality as well.