Date picker

[Mbeaulne]

Description

resolves: https://github.com/Shopify/oasis-frontend/issues/462

Added date picker components to the UI library. This PR introduces:

1. A new Calendar component that wraps the react-day-picker library with custom styling
2. A DatePickerWithRange component that allows users to select date ranges with a popover interface

Type of Change

• New feature
• Improvement

Checklist

• I have tested this does not break current pipelines / runs functionality
• I have tested the changes on staging

Test Instructions

1. Import the DatePickerWithRange component where date range selection is needed
2. Implement with the required props: value (DateRange object) and onChange handler
3. Verify the calendar displays correctly and allows date range selection

Additional Comments

Added dependencies:

• date-fns for date formatting and manipulation
• react-day-picker for the calendar component base

The calendar component is fully styled to match our design system and supports various customization options.

[Mbeaulne]

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

• Filter Bar #1708 : 2 dependent PRs (#1709 , #1711 )
• Add created by me filter #1713
• Status filter #1707
• Annotation Filter input #1706
• Date picker #1705 👈 (View in Graphite)
• Add useRunSearchParams hook for pipeline run filtering #1704
• master

This stack of pull requests is managed by Graphite. Learn more about stacking.