Contexts are illustrative. Final screens will reference actual GCash patterns.

• Layer naming inconsistent with sibling fields. Trigger frame is named Select Field and its inner container / text-container are generic — but the component itself is Date Picker. The Date Picker - Group popover has layer names like row, Monday...Saturday (day-of-week labels as layer names rather than semantic roles). Normalize to kebab-case semantic names. C1 · Layer Structure & Naming
• isDisabled uses Yes/No, isFilled uses False/True. Should be lowercase true/false for direct Swift Bool / Kotlin Boolean mapping. Inconsistent casing between the two booleans also breaks Code Connect naming uniformity. C2 · Variant & Property Naming
• Axis design produces invalid combinations. State × isFilled × isDisabled is a 2×2×2=8 matrix but only 5 combinations exist because Disabled collapses State. Siblings (Input Field, Select Field) use a single State enum including Disabled — Date Picker should follow that pattern. C2 · Variant & Property Naming
• Calendar popover is composed inline, not as an overlay. Date Picker - Group is nested inside the trigger's stack and positioned absolutely — it cannot be swapped for a sheet or presented by the native date dialog. SwiftUI DatePicker and Compose DatePickerDialog both expect the trigger and the picker to be separable. C4 · Native Mappability
• No Error state. Input Field, Select Field, and Dropdown all support Error; Date Picker does not. Birth-date and expiry flows routinely need inline validation ("Must be 18+", "Date can't be in the past"). C5 · Interaction State Coverage
• No Pressed state. Standard tap feedback (iOS highlight, Android ripple) is missing. Consumers improvise it per-screen. C5 · Interaction State Coverage
• Calendar glyph is a raster shape_full image. The trigger icon pulls from an MCP asset URL rather than a vector icon instance. Won't scale cleanly, won't inherit state tokens, can't be swapped. C6 · Asset & Icon Quality
• Code Connect mappings not registered. Blocked by C1/C2/C4/C5/C6 above. C7 · Code Connect Linkability

• Family — Unify the two cell primitives. Date Picker - Item (day cells) and Month and Year Picker - Item (month/year cells) are both selectable cells with identical state semantics (Default/Today/Selected/Disabled). Only size + typography differ. Propose one Picker Cell component with axes kind: day | month | year + state: default | today | selected | disabled. Reduces 10 variants across 2 components to 1 component with 2 clean axes. Family
• Composition — Wrap the native date pickers instead of redrawing them. iOS: DatePicker(selection:, displayedComponents:) with .datePickerStyle(.graphical|.compact|.wheel|.field). Android: Material 3 DatePicker + DatePickerDialog. The DS EBDatePicker should be a thin wrapper that tokenizes the trigger and cells to match brand — not a from-scratch calendar redraw in Figma. Keeps accessibility, localization, and leap-year logic native. Composition
• Field-trigger consistency — Unify with Input Field as type: .date. Structurally this is an Input Field with a date value display + calendar glyph. Matches SwiftUI TextField(value:, format: .date) / Compose OutlinedTextField(readOnly=true) + DatePickerDialog. Consolidates a fragmented field family and inherits Input Field's Error state, label slot, and helper text. Family
• Collapse State × isFilled × isDisabled into a single state enum. Target schema: state: default | active | error | disabled + isFilled: true | false. Matches Input Field (8 variants from 4×2). Removes the 3 invalid combinations in the current matrix and aligns with the rest of the Form Elements family. Property
• Separate the calendar panel from the trigger. Move Date Picker - Group to a true overlay component (top-anchored, dismissible, shadow-elevated) rather than an inline child of the trigger. Lets the trigger be used alone (e.g. inline text input mode) and lets the panel be presented by either a dropdown or a sheet depending on context. Composition
• Add Error and Pressed states. Error: red border + subtext (mirror Input Field tokens). Pressed: slight bg tint for tap feedback. Required for form accessibility and parity with the rest of Form Elements. State
• Replace the calendar raster with a vector icon instance. Use the existing DS calendar icon (if present) or add one to the icon library. Color-bind to selected-field/color/{state}/icon so it dims with Disabled automatically. Asset
• Rename booleans to lowercase true/false. isDisabled=Yes/No to isDisabled=true/false; isFilled=False/True to isFilled=false/true. Consistent with the naming convention adopted by Input Field. Rename