Pickers | Arbol UI

Calendar: A month grid to pick a day, or a period with RangeCalendar. The locale names the months and days; firstDayOfWeek overrides where the week starts. Use DatePicker in forms, where people can also type the date.
ColorSwatchPicker: A palette to choose a color from, such as a service’s color in an agenda. The palette is the app’s; allowsCustomColor adds the system color chooser.
DateField: A date or a time typed segment by segment, in the order and format of the locale. Use DatePicker when people should also see a calendar.
DatePicker: A date for a form, typed in the locale’s format or chosen on a calendar; DateRangePicker does the same for a period. For a dashboard’s period filter, use DateRangeFilter.
DateRangeFilter: The period filter of a dashboard: preset windows ending today and a custom range on a calendar, with a button to clear it. The value is plain days, so the app can keep it in the URL.
FileUploadButton: Choosing files: a button that opens the file chooser or the camera, a drop zone, and a progress row per upload. They upload nothing; the app sends the files.
PhoneField: A phone number with its country: a searchable country list beside a box that groups the digits. The value is always the international form, such as +573001234567.