Loading...
Loading...
Use ShadTimePicker and ShadTimePickerFormField for time selection; trailing widget, period variant. Use when adding time pickers or time form fields in a Flutter shadcn_ui app or ShadForm.
npx skill4agent add serverpod/skills-registry shadcn_ui-time-pickerShadTimePickertrailingShadTimePickerFormFieldlabeldescriptiononChangedvalidatorShadTimePickerFormField.periodconst ShadTimePicker(
trailing: Padding(
padding: EdgeInsets.only(left: 8, top: 14),
child: Icon(LucideIcons.clock4),
),
)ShadTimePickerFormField(
label: const Text('Pick a time'),
onChanged: print,
description: const Text('The time of the day you want to pick'),
validator: (v) => v == null ? 'A time is required' : null,
)ShadTimePickerFormField.period(
label: const Text('Pick a time'),
onChanged: print,
description: const Text('The time of the day you want to pick'),
validator: (v) => v == null ? 'A time is required' : null,
)