Category / Section
How to change the week end dates in the Flutter Date Range Picker (SfDateRangePicker)
2 mins read
In the Flutter date range picker, you can change the ween end days of the week by using the property of the weekEndDays property of the DateRangePickerMonthViewSettings. Note that the weekEndDays will not be highlighted until you specify the weekEndTextStyle.
import 'package:flutter/material.dart';
import 'package:syncfusion_flutter_datepicker/datepicker.dart';
void main() => runApp(WeekEndDays());
class WeekEndDays extends StatelessWidget {
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
body: SafeArea(
child: Card(
margin: const EdgeInsets.fromLTRB(50, 150, 50, 150),
child: SfDateRangePicker(
view: DateRangePickerView.month,
monthViewSettings: DateRangePickerMonthViewSettings(
weekendDays: <int>[1, 5],
),
monthCellStyle: DateRangePickerMonthCellStyle(
weekendTextStyle: TextStyle(color: Colors.red)),
),
),
),
),
);
}
}
|
