dateFormat property

DateFormat? dateFormat

Formats the date labels. It is mandatory for date SfSlider.

For date value, the slider doesn’t have auto interval support. So, you may need to set interval, dateIntervalType, and dateFormat for date values, if labels, ticks, and dividers are needed.

Defaults to null.

This snippet shows how to set date format in SfSlider.

DateTime _value = DateTime(2002, 01, 01);

SfSlider(
  min: DateTime(2000, 01, 01, 00),
  max: DateTime(2005, 12, 31, 24),
  value: _value,
  interval: 1,
  showLabels: true,
  showTicks: true,
  dateFormat: DateFormat.y(),
  dateIntervalType: DateIntervalType.years,
  onChanged: (dynamic newValue) {
    setState(() {
      _value = newValue;
    });
  },
)

See also:

• interval, for setting the interval.
• numberFormat, for formatting the numeric labels.
• labelFormatterCallback, for formatting the numeric and date label.
• dateIntervalType, for changing the interval type.

Implementation

final DateFormat? dateFormat;