This is an automated email from the ASF dual-hosted git repository.
rusackas pushed a commit to branch docs/federate-storybook
in repository https://gitbox.apache.org/repos/asf/superset.git
The following commit(s) were added to refs/heads/docs/federate-storybook by
this push:
new d214cefb85 fix(docs): include showTime nested object in DatePicker
staticProps
d214cefb85 is described below
commit d214cefb858ae9986eac57511bb4afd0ebb48874
Author: Evan Rusackas <[email protected]>
AuthorDate: Tue Jan 20 19:13:26 2026 -0800
fix(docs): include showTime nested object in DatePicker staticProps
The DatePicker was missing the time picker panel because showTime was
initially not included in staticProps. Added showTime: { format,
needConfirm }
to match the Storybook configuration.
Co-Authored-By: Claude Opus 4.5 <[email protected]>
---
docs/developer_portal/components/ui/datepicker.mdx | 10 ++++++++--
.../src/components/DatePicker/DatePicker.stories.tsx | 4 +++-
2 files changed, 11 insertions(+), 3 deletions(-)
diff --git a/docs/developer_portal/components/ui/datepicker.mdx
b/docs/developer_portal/components/ui/datepicker.mdx
index ec59e0e1a2..d161b9b3bd 100644
--- a/docs/developer_portal/components/ui/datepicker.mdx
+++ b/docs/developer_portal/components/ui/datepicker.mdx
@@ -43,7 +43,11 @@ The DatePicker component from Superset's UI library.
picker: "date",
placement: "bottomLeft",
size: "middle",
- showNow: true
+ showNow: true,
+ showTime: {
+ format: "hh:mm a",
+ needConfirm: false
+ }
}}
controls={[
{
@@ -68,8 +72,9 @@ function Demo() {
return (
<DatePicker
placeholder="Select date"
- format="YYYY-MM-DD"
+ format="YYYY-MM-DD hh:mm a"
showToday
+ showTime={{ format: 'hh:mm a', needConfirm: false }}
/>
);
}
@@ -90,6 +95,7 @@ function Demo() {
| `placement` | `string` | `"bottomLeft"` | - |
| `size` | `string` | `"middle"` | - |
| `showNow` | `boolean` | `true` | - |
+| `showTime` | `any` | `{"format":"hh:mm a","needConfirm":false}` | - |
## Import
diff --git
a/superset-frontend/packages/superset-ui-core/src/components/DatePicker/DatePicker.stories.tsx
b/superset-frontend/packages/superset-ui-core/src/components/DatePicker/DatePicker.stories.tsx
index cd6cdb7733..d909bff65a 100644
---
a/superset-frontend/packages/superset-ui-core/src/components/DatePicker/DatePicker.stories.tsx
+++
b/superset-frontend/packages/superset-ui-core/src/components/DatePicker/DatePicker.stories.tsx
@@ -106,13 +106,15 @@ InteractiveDatePicker.parameters = {
showNow: true,
showToday: true,
placeholder: 'Select date',
+ showTime: { format: 'hh:mm a', needConfirm: false },
},
liveExample: `function Demo() {
return (
<DatePicker
placeholder="Select date"
- format="YYYY-MM-DD"
+ format="YYYY-MM-DD hh:mm a"
showToday
+ showTime={{ format: 'hh:mm a', needConfirm: false }}
/>
);
}`,