Skip to main content

Date Column

FdcDateColumn is the date-only column type. It handles display formatting, parsing, sorting, filtering, and optional picker interaction for FdcDateField values.

Date column sample
Loading FDC sample…
FdcGrid(
  dataSet: milestones,
  options: const FdcGridOptions(autoEdit: true),
  columns: const [
    FdcTextColumn(fieldName: 'milestone', width: 170),
    FdcDateColumn(fieldName: 'start_date', width: 135, showPicker: true),
    FdcDateColumn(
      fieldName: 'review_date',
      width: 135,
      formatSettings: FdcFormatSettings(dateFormat: 'MM/dd/yyyy'),
    ),
    FdcDateColumn(fieldName: 'ship_date', width: 135, showPicker: false),
  ],
);

Key characteristics​

  • Binds to FdcDateField.
  • Supports showPicker for built-in date picker affordance.
  • Supports formatSettings for custom date formatting.
  • Ideal for due dates, review dates, ship dates, and similar business fields.

Common configuration​

const FdcDateColumn<dynamic>(
  fieldName: 'review_date',
  label: 'Review',
  showPicker: true,
  formatSettings: FdcFormatSettings(dateFormat: 'MM/dd/yyyy'),
)