Date/time inputs: browser native styling not overridden by themes #96
Description
Problem
Date, time, and datetime-local input types on the themes comparison page (/playground/themes/inputs) display the browser's native chrome (calendar icon, time picker arrows, etc.) without theme-specific styling. The inputs do not visually match the theme they are rendered in.
Steps to reproduce
- Navigate to
/playground/themes/inputs - Observe the Date & Time section for any theme
- Compare to styled text inputs — date/time look like unstyled native browser controls
Expected
Date and time inputs should inherit the same border, background, text color, and focus ring as text inputs within each theme.
Notes
May require targeting ::-webkit-calendar-picker-indicator and similar pseudo-elements, plus ensuring the [data-input-root] wrapper styles apply correctly to input[type='date'], input[type='time'], and input[type='datetime-local'].