gr.DateTime() date picker does not work on Hugging Face Space

[kushal-10]

Describe the bug

I deployed the following code in a Huggig Face Space - here - The Space is running without any errors or warnings but the date picker is not working on the Space. However, this works while running locally. I've tried using both gradio 4.44.1 and 5.12.0 but the date picker does not work on the Space. Also, I've tried running the space on Chrome, Safari and Brave.

Have you searched existing issues? 🔎

• I have searched and found no existing issues

Reproduction

import gradio as gr

llm_calc_app = gr.Blocks()
with llm_calc_app:

    with gr.Row():
        start_date = gr.DateTime(
        )

        end_date = gr.DateTime(
        )

    llm_calc_app.load()
llm_calc_app.queue()
llm_calc_app.launch()

Screenshot

Works while executing locally

Logs

===== Application Startup at 2025-01-14 23:47:32 =====

* Running on local URL:  http://0.0.0.0:7860, with SSR ⚡ (experimental, to disable set `ssr=False` in `launch()`)

To create a public link, set `share=True` in `launch()`.

System Info

tried using both gradio 4.44.1 and 5.12.0

Severity

Blocking usage of gradio

[abidlabs]

Interesting, seeing this error in the console:

Uncaught SecurityError: Failed to execute 'showPicker' on 'HTMLInputElement': showPicker() called from cross-origin iframe.

[kushal-10]

Thank you for looking into this! I wanted to check if this could be resolved soon on Gradio’s end or if there are any recommended alternatives I can implement in the meantime.