Clicking any date picks middle date.

[ameymh]

Bug description

When ever we click on the date it picks the middle date of the calender. Only if we tapDown and tapUp slowly then it selects correct date.

Steps to reproduce

Add the date picker in SearchAchnor and use it as suggestion. Once calender is open click on date.

Code sample

Code sample

[Add your code here]

Screenshots or Video

Screenshots / Video demonstration

[Upload media here]

Stack Traces

No stack strace

On which target platforms have you observed this bug?

Web

Flutter Doctor output

Flutter sdk 3.41.9

[Mugunthan-Ramalingam]

Hi Amey,

We have checked the reported issue and prepared a sample based on the details provided. We attempted to reproduce the scenario where the SfDateRangePicker is placed inside the SearchAnchor and selecting a date result in the middle date being selected.

We validated this scenario using the following steps:

• Tested the sample on the Web and Windows platform.
• Verified with both the latest Flutter version and Flutter 3.49.1.
• Interacted with the SfDateRangePicker inside the SearchAnchor suggestions overlay.
• Additionally, we tested the scenario using the cellBuilder customization in the DatePicker.

However, we were unable to reproduce the reported issue on our end. The date selection works as expected in our sample.

Please find the attached sample and demo for your reference. If you are still experiencing the issue, kindly modify the provided sample to replicate the problem and share additional details such as:

• Whether the layout includes scrollable or offset widgets (e.g., SingleChildScrollView, Padding, etc.)
• Any specific UI structure where the issue occurs.
• A screen recording demonstrating the issue.

This information will help us analyze the scenario more effectively and assist you further.

Sample: gh_2534.zip

Regards,
Mugunthan.

[ameymh]

I checked and i see we have,

WidgetsFlutterBinding.ensureInitialized().ensureSemantics();

If we remove it then calender working fine.
But, we need semantics and cant remove the ensure semantics or wrap the SfDateRangePicker with ExcludeSemantics().

[ameymh]

After trying different things on date picker it seems on web the calender won't work unless we disable/remove ensureSemantics() or wrap the calender with ExcludeSemantics(). Either way we loose semantic ability on the calender.

[Harsha-SF4223]

Hi Amey,

Thank you for your update and for sharing the details.

We have also verified the behavior on our end with WidgetsFlutterBinding.ensureInitialized().ensureSemantics() enabled, and we did not encounter any issues with date selection—the calendar is working as expected. Additionally, we have shared a sample demonstrating the same.

Kindly modify the sample on your end to replicate the issue you are facing and share it with us. Additionally, please provide a video demonstration of the problem, highlighting the date format or selection behavior you are observing. This will help us better understand the scenario and assist you more effectively.

Sample: gh_2534.zip

Regards,
Harsha.

[ameymh]

I created sample app with just DatePicker & ensureSemantics, if use ensureSemantics issue is recreating and if i remove/comment the ensureSemantics then its working fine.
Im running the app on mac Desktop Chrome, Safari.

If we click on a date it keeps selecting center date and if we select the date slowly tapDown-tapUp then only it selects correct date.

Here is the sample code using DatePicker on SearchAnchor with ensureSemantics,

CODE ::
import 'package:flutter/material.dart';
import 'package:syncfusion_flutter_datepicker/datepicker.dart';

void main() {
///ensureSemantics
WidgetsFlutterBinding.ensureInitialized().ensureSemantics();
runApp(const MyApp());
}

class MyApp extends StatelessWidget {
const MyApp({super.key});

@OverRide
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(colorScheme: .fromSeed(seedColor: Colors.deepPurple)),
home: const MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}

class MyHomePage extends StatefulWidget {
const MyHomePage({super.key, required this.title});
final String title;
@OverRide
State createState() => _MyHomePageState();
}

class _MyHomePageState extends State {
final SearchController _searchAnchorPopupController = SearchController();
final TextEditingController _textEditingController = TextEditingController();

@OverRide
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: Theme.of(context).colorScheme.inversePrimary,
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: .center,
children: [
///SearchAnchor
SearchAnchor(
viewHintText: "test calendar",
headerHintStyle: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w400,
color: Colors.grey,
),
viewLeading: const SizedBox.shrink(),
shrinkWrap: true,
isFullScreen: false,
searchController: _searchAnchorPopupController,
builder: (context, controller) {
return TextField(
controller: _textEditingController,
onTap: () {
_searchAnchorPopupController.openView();
},
);
},
suggestionsBuilder: (context, controller) => [
SfDateRangePicker(
showNavigationArrow: true,
allowViewNavigation: true,
selectionMode: DateRangePickerSelectionMode.single,
view: DateRangePickerView.month,
monthViewSettings: const DateRangePickerMonthViewSettings(
firstDayOfWeek: 1,
enableSwipeSelection: false,
),
onSelectionChanged: (args) {
if (args.value is DateTime) {
debugPrint("Date = ${args.value}");
Future.delayed(const Duration(milliseconds: 40), () {
_textEditingController.text = args.value.toString();
_searchAnchorPopupController.closeView(null);
});
}
},
),
],
viewBackgroundColor: Theme.of(context).colorScheme.onPrimary,
viewElevation: 4,
viewShape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(5),
),
),
],
),
),
);
}
}

Flutter Doctor Log::
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.41.9, on macOS 15.7.5 24G624 darwin-arm64, locale en-IN)
[✓] Android toolchain - develop for Android devices (Android SDK version 36.0.0)
[!] Xcode - develop for iOS and macOS (Xcode 26.3)
! CocoaPods 1.14.2 out of date (1.16.2 is recommended).
CocoaPods is a package manager for iOS or macOS platform code.
Without CocoaPods, plugins will not work on iOS or macOS.
For more info, see https://flutter.dev/to/platform-plugins
To update CocoaPods, see https://guides.cocoapods.org/using/getting-started.html#updating-cocoapods
[✓] Chrome - develop for the web
[✓] Connected device (2 available)
[✓] Network resources

[VijayakumarMariappan]

Hi Amey,

Thanks for the detailed sample.

To proceed further, we need a short screen recording to clearly understand the behavior you're observing. Kindly share a video that shows:

• The issue where clicking a date selects the middle date
• The slow tap (tapDown–tapUp) selecting the correct date
• The browser and platform where this is reproduced

Additionally, please confirm:

• Whether the issue occurs in both Chrome and Safari consistently
• If any browser zoom / system scaling is applied

This information is required for us to identify whether the issue is related to pointer events, browser behavior, or semantics handling.