Skip to content

feat(datepickers): Add DateTimePicker component - #2138

Open
pszymanski95 wants to merge 3 commits into
zendeskgarden:v9from
pszymanski95:pszymanski95/datetimepicker
Open

feat(datepickers): Add DateTimePicker component#2138
pszymanski95 wants to merge 3 commits into
zendeskgarden:v9from
pszymanski95:pszymanski95/datetimepicker

Conversation

@pszymanski95

Copy link
Copy Markdown

Description

This PR adds a new DateTimePicker component to the @zendeskgarden/react-datepickers package. It extends the existing DatePicker pattern with an integrated time panel, letting users pick both a date and a time of day from a single popover.

Detail

image
  • New DateTimePicker element exported from packages/datepickers with composable subcomponents
  • Time panel supports configurable minute granularity via the timeStep prop and 12/24-hour
    formatting via isAmPm (auto-detected from locale when unset)
  • Reuses IDatePickerProps for the calendar surface
  • Supports minValue/maxValue for both date and time selection so out-of-range hours/minutes are disabled
  • Adds styled primitives following existing Garden styling conventions
  • Includes Storybook demo and unit test coverage for the component and time utilities

Checklist

  • 👌 design updates will be Garden Designer approved (add the designer as a reviewer)
  • 🌐 demo is up-to-date (npm start)
  • ⬅️ renders as expected with reversed (RTL) direction
  • ⚫ renders as expected in dark mode
  • 🤘 renders as expected with Bedrock CSS (?bedrock)
  • 💂‍♂️ includes new unit tests. Maintain existing coverage (always >= 96%)
  • ♿ tested for WCAG 2.1 AA accessibility compliance
  • 📝 tested in Chrome, Firefox, Safari, and Edge

@pszymanski95
pszymanski95 requested a review from a team as a code owner July 1, 2026 12:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

1 participant