Pressing esc key on the DatePicker widget close the sidebar in the Material template

[monodera]

Thanks for contacting us! Please read and follow these instructions carefully, then delete this introductory text to keep your issue easy to read. Note that the issue tracker is NOT the place for usage questions and technical assistance; post those at Discourse instead. Issues without the required information below may be closed immediately.

ALL software version info

macOS: 14.5
Browser: Firefox 126.0.1, Chrome 125.0.6422.142
Python: 3.11.8
Panel: 1.4.4

Description of expected behavior and the observed behavior

Expected behavior
When pressing esc key on the date picker (or any other) widgets, I'd expect that the widget closes.

Observed behavior
When the DataPicker widget is used in the sidebar of the MaterialTemplate, the sidebar closes.

This does not happen with other templates such as VanillaTemplate.

Complete, minimal, self-contained example code that reproduces the issue

import datetime as dt

import panel as pn

pn.extension()

date_picker = pn.widgets.DatePicker(
    name="Date Picker", value=dt.datetime(2024, 4, 1, 11, 37)
)

template = pn.template.MaterialTemplate(title="Date Picker Test")

template.sidebar.append(pn.pane.Markdown("## Date Picker Test"))
template.sidebar.append(date_picker)

template.servable()

panel serve teset_datepicker.py

Stack traceback and/or browser JavaScript console output

N/A

Screenshots or screencasts of the bug in action

Screen.Recording.2024-06-12.at.19.11.42.mp4

• I may be interested in making a pull request to address this, but I have no idea where to look at at this moment.