Articles in this section
Category / Section

How to change the selection radius in the Flutter Date Range Picker (SfDateRangePicker)

1 min read

In the Flutter date range picker, you can change the selection radius size by using the selectionRadius property of the date range picker.

import 'package:flutter/material.dart';
import 'package:syncfusion_flutter_datepicker/datepicker.dart';
 
void main() => runApp(SelectionRadius());
 
class SelectionRadius 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,
              selectionMode: DateRangePickerSelectionMode.multiple,
              selectionRadius: 20,
            ),
          ),
        ),
      ),
    );
  }
}

View sample in GitHub

selection radius

 

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please  to leave a comment
Access denied
Access denied