cms
cms copied to clipboard
[6.x] Improve date UI bits
[!NOTE] Polishes DatePicker/DateRangePicker UI (standardized trigger/clear buttons and input spacing) and adds a new text size token plus numeric alignment in the index field.
- UI Components
packages/ui/src/DatePicker/DatePicker.vue:
- Standardize trigger and clear actions to
Button(ghost/subtle) components; remove inlineIconusage.- Tweak container and input segment styling (alignment, spacing, colors); minor class cleanups.
packages/ui/src/DateRangePicker/DateRangePicker.vue:
- Use
Buttonfor trigger and clear (subtle) actions; adjust trigger spacing.- Refine field layout: add
items-center,text-md, tighter tracking, and reduce date segment padding (px-0.25).- Styles
packages/ui/src/ui.css: Add--text-mdsize and--font-sansvariables; minor theme additions.- Control Panel
resources/js/components/fieldtypes/DateIndexFieldtype.vue: Addtabular-numsclass for aligned numeric dates.Written by Cursor Bugbot for commit 58156f0e100f10d18baa9494539b6e9be94b8570. This will update automatically on new commits. Configure here.
Ah sorry I merged #13088 not realizing this was open, and now there's a conflict.