Adding a Custom Persian Date Picker to Formio in React

Question

I'm working on a React project and need to integrate a custom Persian date picker into a Formio form. Unfortunately, the default date picker provided by Formio uses flat-picker, which does not support Persian date format.

I've been searching extensively online, but I couldn't find a suitable example or guide for integrating a custom Persian date picker with Formio in a React application.

Answer 1

You should add your own custom component which renders Persian calendar, in order to do that, you can check out this sandbox : Implementing custom component into form-io

So the component you render , can be a date picker which shows Persian calendar with your own styles.