Skip to main content

Time Column

FdcTimeColumn is the time-only column type. It is designed for FdcTimeField values and supports custom formatting and optional picker affordances.

Time column sample
Loading FDC sample…
FdcGrid(
  dataSet: shifts,
  options: const FdcGridOptions(autoEdit: true),
  columns: const [
    FdcTextColumn(fieldName: 'shift', width: 120),
    FdcTimeColumn(fieldName: 'opens_at', width: 120, showPicker: true),
    FdcTimeColumn(
      fieldName: 'handoff_at',
      width: 130,
      showPicker: false,
      formatSettings: FdcFormatSettings(timeFormat: 'HH:mm:ss'),
    ),
    FdcTimeColumn(fieldName: 'closes_at', width: 120, showPicker: true),
  ],
);

Key characteristics​

  • Binds to FdcTimeField.
  • Supports showPicker for built-in picker access.
  • Supports formatSettings for technical or business-friendly time formats.
  • Useful for shifts, appointments, start/end times, and reminders.

Example​

const FdcTimeColumn<dynamic>(
  fieldName: 'handoff_at',
  label: 'Handoff',
  showPicker: false,
  formatSettings: FdcFormatSettings(timeFormat: 'HH:mm:ss'),
)