KVADRANT UI api reference demo

KvadrantLoopingSelector

lists and pickers

a wheel with no ends — scroll past the last value and the first comes round

dark
light

mounted as looping-selector

why it looks like this

One column of a date or time picker: a 148×148 px square with a very large number in it.

The phone did not put its pickers in a dialog — it navigated to a page of these, filling the screen, which is why the squares are as big as they are and the numbers are 54 px. A picker that fits in a popover is a different control wearing the same name.

The picker those columns belong to is KvadrantDatePicker and KvadrantTimePicker. For a long time this sentence said "of a date or time picker" about a thing that did not exist: both halves — this and KvadrantPickerPage — were built, tested and previewed before anything assembled them. Use this directly for a column of something that is not a date; use the pickers for a date, because the wrapping window and the day that has to stay inside its month are theirs rather than yours.

Read it: kvadrant-core/src/commonMain/kotlin/io/github/youndie/kvadrant/components/KvadrantLoopingSelector.kt · the full signature and every parameter