DurationInput constructor

const DurationInput({
  1. Key? key,
  2. ComponentController<Duration?>? controller,
  3. Duration? initialValue,
  4. ValueChanged<Duration?>? onChanged,
  5. bool enabled = true,
  6. Widget? placeholder,
  7. bool showSeconds = false,
  8. InputPart? separator,
  9. Map<TimePart, Widget>? placeholders,
})

Creates a DurationInput.

Either controller or onChanged should be provided for interactivity. The widget supports both controller-based and callback-based state management patterns with structured duration component entry.

Parameters:

  • controller (ComponentController<Duration?>?, optional): external state controller
  • initialValue (Duration?, optional): starting duration when no controller
  • onChanged (ValueChanged<Duration?>?, optional): duration change callback
  • enabled (bool, default: true): whether input is interactive
  • placeholder (Widget?, optional): widget shown when no duration selected
  • showSeconds (bool, default: false): whether to include seconds input
  • separator (InputPart?, optional): separator between duration components
  • placeholders (Map<TimePart, Widget>?, optional): placeholders for time parts

Example:

DurationInput(
  controller: controller,
  showSeconds: true,
  separator: InputPart.text(':'),
  placeholders: {
    TimePart.hour: Text('HH'),
    TimePart.minute: Text('MM'),
    TimePart.second: Text('SS'),
  },
)

Implementation

const DurationInput({
  super.key,
  this.controller,
  this.initialValue,
  this.onChanged,
  this.enabled = true,
  this.placeholder,
  this.showSeconds = false,
  this.separator,
  this.placeholders,
});