fix(DateRangePicker): add Storybook controls for component props

[garrity-miepub]

fix(DateRangePicker): add Storybook controls for component props

• Add comprehensive argTypes configuration for DateRangePicker props
• Add boolean controls for showPrint and showExport
• Add text controls for placeholder, dateFormat, and className
• Disable controls for complex/controlled props (value, activePreset, presets, labels)
• Add action handlers for onChange, onPrint, onExport callbacks
• Add default args at meta level with sensible defaults
• Create PlaygroundDemo wrapper component that:
  • Manages internal state for value and activePreset (required for picker functionality)
  • Passes through all controllable props from Storybook args
  • Allows controls to work while maintaining full interactivity
• Add Playground story with showPrint and showExport enabled by default
• Preserve all existing stories unchanged (Default, WithPrintExport, Preselected,
  CustomLabels, FilterDropdown, FilterVariants, Mobile)

The Storybook Controls panel now allows dynamic toggling of showPrint,
showExport, placeholder, and other props while maintaining the date
picker's stateful functionality.

dte-range-picker.mov

[Copilot]

Pull request overview

This PR enhances the DateRangePicker Storybook documentation by adding comprehensive controls configuration and a new interactive Playground story. The changes enable dynamic manipulation of component props through Storybook's Controls panel while maintaining full component interactivity.

Changes:

• Added argTypes configuration for all DateRangePicker props with appropriate control types and descriptions
• Created a new Playground story with a wrapper component that manages internal state for value and activePreset
• Added action handlers for onChange, onPrint, and onExport callbacks to enable event logging in Storybook

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[cloudflare-workers-and-pages]

Deploying ui with    Cloudflare Pages

Latest commit:	1e8dcdf
Status:	✅  Deploy successful!
Preview URL:	https://c487e1f8.ui-6d0.pages.dev
Branch Preview URL:	https://feature-date-range-picker-up.ui-6d0.pages.dev

View logs