The group appears immediately below the Date Picker trigger when it enters State=Active. The three Type variants swap when the user taps the header (Date → Year → Month).

• Day cells are named by weekday, not by index or role. The day rows contain layers literally named Sunday, Monday... Saturday instead of day-cell[0]...day-cell[6] or a single repeated instance. Weekday is runtime data, not a layer identity. This leaks through to Dev Mode handoff as nonsense layer names. C1 · Layer Structure & Naming
• Weekday header rows are instance-swapped Date Picker - Item, not a dedicated weekday cell. The header row uses the same Date Picker - Item component as the day grid but with a .base/date-item inner naming. Handoff can't distinguish "day label" from "weekday label" from property alone. C1 · Layer Structure & Naming
• Type = Date | Year | Month is misleading. "Date" means the day grid, not a date value. Native convention and consumer mental model is mode: day | month | year. Rename the axis so code-connect params read mode = .day instead of type = "Date". C2 · Variant & Property Naming
• No 1:1 native primitive for the whole calendar surface. SwiftUI DatePicker(selection:).datePickerStyle(.graphical) and Material 3 DatePicker(state:) both render the full calendar internally. Keeping this as a drawn Figma component means the developer either ignores it (using native) or redraws it from scratch (defeating the purpose of a DS). C4 · Native Mappability
• Year variant has a drawn fake Scrollbar rectangle. Node 18414:6277 is a Scrollbar layer with a 4px × 80px blue-tinted pill absolutely positioned over the grid. Scroll state can't be represented in static geometry — native pickers render the scroll indicator automatically. Remove, and use a scrollable container instead. C4 · Native Mappability
• Month variant is missing the Prev chevron. Node 18431:2826's header has only a Chevron Right — the left slot is an empty 24×24 box (Chevron Left removed). Date and Year variants both have bidirectional navigation; Month is asymmetric. C4 · Native Mappability
• Cell interaction states not defined on the grid. Only Default, Today (day), Selected (year/month), and Prev/Next (day-only, disabled-looking) exist. Missing: Pressed, Hover/Focus, In-range, Range-start, Range-end, Business-rule disabled (outside minDate/maxDate). C5 · Interaction State Coverage
• Chevrons are raster shape_full assets. Both Prev and Next chevrons in every variant reference https://www.figma.com/api/mcp/asset/... image URLs rather than a vector icon instance. Won't scale, won't inherit token colors, can't be swapped. Reuse the DS chevron icon component. C6 · Asset & Icon Quality
• No dedicated picker surface token scope. The panel bg and border reuse main/date-picker/month-header/color/bg / ...border as a stand-in — but the month-header is a sub-region, not the surface. Without a distinct main/date-picker/group/* scope, changing one visually mutates the other. C6 · Asset & Icon Quality
• Code Connect mappings not registered. Blocked by C1/C2/C4/C5/C6 and by the recommendation to wrap native pickers instead of mapping this drawn surface directly. C7 · Code Connect Linkability

• Composition — Wrap the native date pickers, don't redraw them. iOS: DatePicker(selection:, displayedComponents:).datePickerStyle(.graphical) renders the calendar surface with full locale, leap-year, keyboard, VoiceOver, and Dynamic Type support. Material 3: DatePicker(state:) + DatePickerDialog does the same. The DS should ship EBDatePickerPanel as a token-styled overlay of the native picker — not a from-scratch Figma surface. Documentation lives as a reference spec here; production code calls the native API. Composition
• Family — Unify Date Picker - Item and Month/Year Picker - Item into one Picker Cell. Day, month, and year cells inside this Group are all selectable cells with the same state semantics. Replace the two sibling components with one Picker Cell with kind: day | month | year and state: default | today | selected | in-range | disabled. Collapses 10 variants across 2 components into one component with two clean axes. Family
• Property — Rename Type to mode and use native terminology. Change Type = Date | Year | Month to mode = day | month | year. Matches SwiftUI displayedComponents and Compose DisplayMode. Eliminates the ambiguity of "Date" meaning "day grid". Rename
• Rename day cells by index/role, not by weekday. Replace the Sunday...Saturday layer names with a single repeated day-cell instance indexed by position, or with semantic roles (header-cell, day-cell, spacer-cell). Weekday is data, not layer identity. Rename
• Replace chevron raster glyphs with vector icon instances. Swap the two shape_full image references per variant (×3 = 6 assets) for the DS chevron icon component. Color-bind to main/date-picker/month-header/color/icon so hover/disabled states propagate. Asset
• Add Prev chevron to the Month variant. Navigate between year clusters (2015-2024, 2025-2034...) so Month behaves symmetrically with Date and Year. State
• Remove the drawn Scrollbar on the Year variant. Delete node 18414:6277 and its child rectangle. Mark the Grid frame as scrollable in the component spec (overflow-clip already applied) and document that native pickers render the scroll indicator automatically. Property
• Add cell state coverage via Picker Cell axes. Expose Pressed, Hover/Focus, In-range, Range-start, Range-end, and business-rule Disabled on the unified Picker Cell component. Link to Figma tokens in a dedicated main/date-picker/cell/* scope. State
• Introduce a main/date-picker/group/* token scope for the surface. Separate the panel-level bg/border/shadow tokens from the month-header tokens so the two can be themed independently. Token
• Document as a reference spec, not a production component. Given the native-pickers-own-this direction, this Figma component should be annotated as a visual reference for designers reviewing what the native picker will look like in GCash theme — not as a component developers are expected to rebuild. Add a description banner in Figma and mark it _reference. Docs