How to change the month format in the Flutter Date Range Picker (SfDateRangePicker)

1 min read

In the Flutter date range picker, you can change the month format by using the monthFormat property of the date range picker.

import 'package:flutter/material.dart';
import 'package:syncfusion_flutter_datepicker/datepicker.dart';
 
void main() => runApp(MonthFormat());
 
class MonthFormat extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: SafeArea(
          child: Card(
            margin: const EdgeInsets.fromLTRB(50, 150, 50, 150),
            child: SfDateRangePicker(
              monthFormat: 'MM',
            ),
          ),
        ),
      ),
    );
  }
}

View sample in GitHub

monthformat

Did you find this information helpful?

Yes

Comments (0)

How to change the month format in the Flutter Date Range Picker (SfDateRangePicker)

Access denied