# Date control inconsistency

**URL:** <https://jsonforms.discourse.group/t/date-control-inconsistency/405>\
**Category:** General\
**Created:** [September 22, 2021, 4:59pm UTC](https://jsonforms.discourse.group/t/date-control-inconsistency/405 "2021-09-22T16:59:55Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![msueping](https://yyz2.discourse-cdn.com/free1/user_avatar/jsonforms.discourse.group/msueping/32/148_2.png) [@msueping](https://jsonforms.discourse.group/u/msueping)\
**Post date:** [September 22, 2021, 4:59pm UTC](https://jsonforms.discourse.group/t/date-control-inconsistency/405/1 "2021-09-22T16:59:55Z")

</div>

I have a data schema where I have several date values. Some are within an array of objects that have a date field. The problem that I’m noticing is that the date control, when rendered from the array is not the same as that shown when it is not within the array. The latter look like a standard MUI date picker while the one in the array looks totally different. I’ve examined my schemas and see nothing different other that the fact that one is from an array.

Does anyone know what would be causing this issue and how I could go about making them consistent (preferably using the MUI date picker) ?

 ![image](https://global.discourse-cdn.com/free1/uploads/jsonforms/original/1X/3c34a87f57398aebc2e19046ec11f5ec194c0347.png)

 ![image](https://global.discourse-cdn.com/free1/uploads/jsonforms/original/1X/46052c5bb04f212a14c7477ddf4fa6ec8c27116a.png)

---

<div class="post-metadata">

**Author:** ![sdirix](https://yyz2.discourse-cdn.com/free1/user_avatar/jsonforms.discourse.group/sdirix/32/1073_2.png) [@sdirix](https://jsonforms.discourse.group/u/sdirix)\
**Post date:** [September 23, 2021, 7:07am UTC](https://jsonforms.discourse.group/t/date-control-inconsistency/405/2 "2021-09-23T07:07:25Z")

</div>

Hi @msueping,

the React Material UI renderer set actually consists of two different renderer sets. The `renderers` which are invoked for each actual UI Schema element and the `cells` which are invoked on table cells. The “date”, “time” and “date-time” `renderers` use the Material UI pickers while the `cells` fall back to Browser Native controls.

Like custom renderers you can also register custom cells. This way you could reuse the same pickers also in the cells.

Note that we recently overhauled the time pickers for the `renderers`, so you might want to use the latest JSON Forms 3.0 alpha if you’re interested in their latest state. The documentation is not yet in its final state but can be accessed [here](https://deploy-preview-199--jsonforms.netlify.app/docs/date-time-picker) in the mean time.

---

<div class="post-metadata">

**Author:** ![msueping](https://yyz2.discourse-cdn.com/free1/user_avatar/jsonforms.discourse.group/msueping/32/148_2.png) [@msueping](https://jsonforms.discourse.group/u/msueping)\
**Post date:** [September 23, 2021, 3:23pm UTC](https://jsonforms.discourse.group/t/date-control-inconsistency/405/3 "2021-09-23T15:23:18Z")

</div>

Thanks for the feedback.

It’s a shame that it can’t just be a set and forget thing and one component is rendered regardless of if it’s in a cell or not. Now I have to figure out cell rendering and try to duplicate the MUI date picker in it. BTW, after installing the @next version that has the updated time picker, I get the following error

 ![image](https://global.discourse-cdn.com/free1/uploads/jsonforms/original/1X/96cff1b496f6cad3bb9e063d03c7f9a7f22f78f1.png)

I’m using the latest MUI v5 and if I’m not wrong, the icon that it is looking for is now accessed from:

‘@mui/icons-material/AccessTime’;

---

<div class="post-metadata">

**Author:** ![sdirix](https://yyz2.discourse-cdn.com/free1/user_avatar/jsonforms.discourse.group/sdirix/32/1073_2.png) [@sdirix](https://jsonforms.discourse.group/u/sdirix)\
**Post date:** [September 29, 2021, 3:55pm UTC](https://jsonforms.discourse.group/t/date-control-inconsistency/405/4 "2021-09-29T15:55:28Z")

</div>

We’re [looking into updating to Material v5](https://github.com/eclipsesource/jsonforms/issues/1805) soon.

As we’re open source, feel free to contribute a cell renderer reusing the same date, date-time and time pickers as the regular renderers. If you prefer you can also check out our [professional support offerings](https://jsonforms.io/support) by which we can prioritize features like this one.