The date-time picker in JSON Schema form looks different on windows and mac

Hi I'm having an issue where in the Json Schema form, I am using a date and time picker.

So when using chrome on windows, it shows up like so when I set the JSON Schema to

"startOn":{
"type":"string",
"title":"startOn",
},

and set the UI schema to

"startOn":{
"ui:widget": "date-time"
},

image (1)

But on the other hand for Mac Mini, macOS Big Sur, FireFox 93.0, the time picker goes missing and I see a different looking component and have to manually enter the time.

image (2)

Please help? Not sure what is causing this.

Hi @Irfan Thank you for flagging this!

We can try to have our engineering team look into this, but it's likely a browser compatibility issue :thinking: We don't control what this widget looks like, so we just return what the browser is supplying. We do have full control over our own form and date components if you'd like to check those out--although I realize you may have a specific use case for the JSON schema form.

1 Like