timePickerTheme method

@override ShadTimePickerTheme timePickerTheme()

Implementation

@override
ShadTimePickerTheme timePickerTheme() {
  return ShadTimePickerTheme(
    axis: Axis.horizontal,
    spacing: 8,
    runSpacing: 4,
    jumpToNextFieldWhenFilled: true,
    alignment: WrapAlignment.center,
    runAlignment: WrapAlignment.center,
    crossAxisAlignment: WrapCrossAlignment.center,
    gap: 4,
    style: effectiveTextTheme.muted.copyWith(
      color: colorScheme.foreground,
      fontSize: 16,
      height: 24 / 16,
    ),
    placeholderStyle: effectiveTextTheme.muted.copyWith(
      fontSize: 16,
      height: 24 / 16,
    ),
    labelStyle: effectiveTextTheme.small.copyWith(fontSize: 12),
    fieldWidth: 48,
    fieldPadding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
    periodHeight: 42,
    periodMinWidth: 65,
    fieldDecoration: ShadDecoration(
      border: ShadBorder.all(
        color: colorScheme.border,
        radius: radius,
        width: 1,
      ),
    ),
  );
}