compose-preview M3 Wear OS Apps Design Kit

Pickers

6 of 42 components implemented · Open in Figma

Double-click a section to zoom · ⌘/Ctrl-scroll · drag to pan · + / − / 0 by keyboard · Esc resets
Larger Screen (BP)=No, Type=Single Column, Focus=One, Limit=None — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Pickers.kt#SingleColumnPicker Larger Screen (BP)=No, Type=Time Picker 24, Focus=One, Limit=None — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Pickers.kt#TimeWheels Larger Screen (BP)=No, Type=Time Picker 24, Focus=Two, Limit=None — no code behind this Larger Screen (BP)=No, Type=Time Picker 24 + Seconds, Focus=One, Limit=None — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Pickers.kt#TimeWheels Larger Screen (BP)=No, Type=Time Picker 24 + Seconds, Focus=Two, Limit=None — no code behind this Larger Screen (BP)=No, Type=Time Picker 24 + Seconds, Focus=Three, Limit=None — no code behind this Larger Screen (BP)=No, Type=Time Picker 12, Focus=One, Limit=None — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Pickers.kt#TimeWheels Larger Screen (BP)=No, Type=Time Picker 12, Focus=Two, Limit=None — no code behind this Larger Screen (BP)=No, Type=Time Picker 12, Focus=Three, Limit=None — no code behind this Larger Screen (BP)=No, Type=Date Picker (Month first), Focus=One, Limit=None — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Pickers.kt#DateWheels Larger Screen (BP)=No, Type=Date Picker (Month first), Focus=Two, Limit=None — no code behind this Larger Screen (BP)=No, Type=Date Picker (Month first), Focus=Three, Limit=None — no code behind this Larger Screen (BP)=No, Type=Date Picker (Date first), Focus=One, Limit=None — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Pickers.kt#DateWheels Larger Screen (BP)=No, Type=Date Picker (Date first), Focus=Two, Limit=None — no code behind this Larger Screen (BP)=No, Type=Date Picker (Date first), Focus=Three, Limit=None — no code behind this Larger Screen (BP)=No, Type=Date Picker (Year first), Focus=One, Limit=Past only — no code behind this Larger Screen (BP)=No, Type=Date Picker (Year first), Focus=Two, Limit=Past only — no code behind this Larger Screen (BP)=No, Type=Date Picker (Year first), Focus=Three, Limit=Past only — no code behind this Larger Screen (BP)=No, Type=Date Picker (Year first), Focus=One, Limit=Future only — no code behind this Larger Screen (BP)=No, Type=Date Picker (Year first), Focus=Two, Limit=Future only — no code behind this Larger Screen (BP)=No, Type=Date Picker (Year first), Focus=Three, Limit=Future only — no code behind this Larger Screen (BP)=Yes, Type=Single Column, Focus=One, Limit=None — no code behind this Larger Screen (BP)=Yes, Type=Time Picker 24, Focus=One, Limit=None — no code behind this Larger Screen (BP)=Yes, Type=Time Picker 24, Focus=Two, Limit=None — no code behind this Larger Screen (BP)=Yes, Type=Time Picker 24 + Seconds, Focus=One, Limit=None — no code behind this Larger Screen (BP)=Yes, Type=Time Picker 24 + Seconds, Focus=Two, Limit=None — no code behind this Larger Screen (BP)=Yes, Type=Time Picker 24 + Seconds, Focus=Three, Limit=None — no code behind this Larger Screen (BP)=Yes, Type=Time Picker 12, Focus=One, Limit=None — no code behind this Larger Screen (BP)=Yes, Type=Time Picker 12, Focus=Two, Limit=None — no code behind this Larger Screen (BP)=Yes, Type=Time Picker 12, Focus=Three, Limit=None — no code behind this Larger Screen (BP)=Yes, Type=Date Picker (Month first), Focus=One, Limit=None — no code behind this Larger Screen (BP)=Yes, Type=Date Picker (Month first), Focus=Two, Limit=None — no code behind this Larger Screen (BP)=Yes, Type=Date Picker (Month first), Focus=Three, Limit=None — no code behind this Larger Screen (BP)=Yes, Type=Date Picker (Date first), Focus=One, Limit=None — no code behind this Larger Screen (BP)=Yes, Type=Date Picker (Date first), Focus=Two, Limit=None — no code behind this Larger Screen (BP)=Yes, Type=Date Picker (Date first), Focus=Three, Limit=None — no code behind this Larger Screen (BP)=Yes, Type=Date Picker (Year first), Focus=One, Limit=Past only — no code behind this Larger Screen (BP)=Yes, Type=Date Picker (Year first), Focus=Two, Limit=Past only — no code behind this Larger Screen (BP)=Yes, Type=Date Picker (Year first), Focus=Three, Limit=Past only — no code behind this Larger Screen (BP)=Yes, Type=Date Picker (Year first), Focus=One, Limit=Future only — no code behind this Larger Screen (BP)=Yes, Type=Date Picker (Year first), Focus=Two, Limit=Future only — no code behind this Larger Screen (BP)=Yes, Type=Date Picker (Year first), Focus=Three, Limit=Future only — no code behind this
6 of 42 components implemented
Larger Screen (BP)=No, Type=Single Column, Focus=One, Limit=Nonecatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Pickers.kt#SingleColumnPicker Larger Screen (BP)=No, Type=Time Picker 24, Focus=One, Limit=Nonecatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Pickers.kt#TimeWheels Larger Screen (BP)=No, Type=Time Picker 24, Focus=Two, Limit=Noneno code behind this Larger Screen (BP)=No, Type=Time Picker 24 + Seconds, Focus=One, Limit=Nonecatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Pickers.kt#TimeWheels Larger Screen (BP)=No, Type=Time Picker 24 + Seconds, Focus=Two, Limit=Noneno code behind this Larger Screen (BP)=No, Type=Time Picker 24 + Seconds, Focus=Three, Limit=Noneno code behind this Larger Screen (BP)=No, Type=Time Picker 12, Focus=One, Limit=Nonecatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Pickers.kt#TimeWheels Larger Screen (BP)=No, Type=Time Picker 12, Focus=Two, Limit=Noneno code behind this Larger Screen (BP)=No, Type=Time Picker 12, Focus=Three, Limit=Noneno code behind this Larger Screen (BP)=No, Type=Date Picker (Month first), Focus=One, Limit=Nonecatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Pickers.kt#DateWheels Larger Screen (BP)=No, Type=Date Picker (Month first), Focus=Two, Limit=Noneno code behind this Larger Screen (BP)=No, Type=Date Picker (Month first), Focus=Three, Limit=Noneno code behind this Larger Screen (BP)=No, Type=Date Picker (Date first), Focus=One, Limit=Nonecatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Pickers.kt#DateWheels Larger Screen (BP)=No, Type=Date Picker (Date first), Focus=Two, Limit=Noneno code behind this Larger Screen (BP)=No, Type=Date Picker (Date first), Focus=Three, Limit=Noneno code behind this Larger Screen (BP)=No, Type=Date Picker (Year first), Focus=One, Limit=Past onlyno code behind this Larger Screen (BP)=No, Type=Date Picker (Year first), Focus=Two, Limit=Past onlyno code behind this Larger Screen (BP)=No, Type=Date Picker (Year first), Focus=Three, Limit=Past onlyno code behind this Larger Screen (BP)=No, Type=Date Picker (Year first), Focus=One, Limit=Future onlyno code behind this Larger Screen (BP)=No, Type=Date Picker (Year first), Focus=Two, Limit=Future onlyno code behind this Larger Screen (BP)=No, Type=Date Picker (Year first), Focus=Three, Limit=Future onlyno code behind this Larger Screen (BP)=Yes, Type=Single Column, Focus=One, Limit=Noneno code behind this Larger Screen (BP)=Yes, Type=Time Picker 24, Focus=One, Limit=Noneno code behind this Larger Screen (BP)=Yes, Type=Time Picker 24, Focus=Two, Limit=Noneno code behind this Larger Screen (BP)=Yes, Type=Time Picker 24 + Seconds, Focus=One, Limit=Noneno code behind this Larger Screen (BP)=Yes, Type=Time Picker 24 + Seconds, Focus=Two, Limit=Noneno code behind this Larger Screen (BP)=Yes, Type=Time Picker 24 + Seconds, Focus=Three, Limit=Noneno code behind this Larger Screen (BP)=Yes, Type=Time Picker 12, Focus=One, Limit=Noneno code behind this Larger Screen (BP)=Yes, Type=Time Picker 12, Focus=Two, Limit=Noneno code behind this Larger Screen (BP)=Yes, Type=Time Picker 12, Focus=Three, Limit=Noneno code behind this Larger Screen (BP)=Yes, Type=Date Picker (Month first), Focus=One, Limit=Noneno code behind this Larger Screen (BP)=Yes, Type=Date Picker (Month first), Focus=Two, Limit=Noneno code behind this Larger Screen (BP)=Yes, Type=Date Picker (Month first), Focus=Three, Limit=Noneno code behind this Larger Screen (BP)=Yes, Type=Date Picker (Date first), Focus=One, Limit=Noneno code behind this Larger Screen (BP)=Yes, Type=Date Picker (Date first), Focus=Two, Limit=Noneno code behind this Larger Screen (BP)=Yes, Type=Date Picker (Date first), Focus=Three, Limit=Noneno code behind this Larger Screen (BP)=Yes, Type=Date Picker (Year first), Focus=One, Limit=Past onlyno code behind this Larger Screen (BP)=Yes, Type=Date Picker (Year first), Focus=Two, Limit=Past onlyno code behind this Larger Screen (BP)=Yes, Type=Date Picker (Year first), Focus=Three, Limit=Past onlyno code behind this Larger Screen (BP)=Yes, Type=Date Picker (Year first), Focus=One, Limit=Future onlyno code behind this Larger Screen (BP)=Yes, Type=Date Picker (Year first), Focus=Two, Limit=Future onlyno code behind this Larger Screen (BP)=Yes, Type=Date Picker (Year first), Focus=Three, Limit=Future onlyno code behind this

Report a problem

Two trackers — pick whichever owns the thing that is wrong.