[syncfusion_calendar_view] How to custom Quick view navigation colors ?

[QuentinSc]

Bug description

Can't find a way to custom the quick view navigation pannel

Steps to reproduce

Code sample

Code sample

```dart SfCalendar( // backgroundColor: Colors.red, headerStyle: CalendarHeaderStyle( textAlign: TextAlign.center, backgroundColor: Theme.of(context).colorScheme.surface, textStyle: const TextStyle(fontSize: 20), ), view: CalendarView.month, showDatePickerButton: true, minDate: DateTime.now().subtract(const Duration(days: 7)), showNavigationArrow: true, }, ), ```

Screenshots or Video

See above

Stack Traces

Stack Traces

```dart [Add the Stack Traces here] ```

-

On which target platforms have you observed this bug?

Android

Flutter Doctor output

Doctor output

```console [Add your output here] ```

[Yuvaraj-Gajaraj]

Hi @QuentinSc,

Currently, we don't have the option to customize the date picker, which appears after enabling showDatePickerButton in SfCalendar. However, you can achieve this with the help of creating a custom header and showing the actual SfDateRangePicker in the button click. We have prepared the workaround sample below for your reference.

Screenshot:

Sample: i587667.zip

[QuentinSc]

Hello and thank you for your answer. Sadly it does not fit my need. Is there a plan to allow some customization on this part of the widget? The background color seems to be harcode

[Yuvaraj-Gajaraj]

Hi @QuentinSc,

We have a customized property for the SfDateRangePicker to customize all types of views in the SfDateRangePicker and shared the related UG documentation below for your reference.

UG, https://help.syncfusion.com/flutter/daterangepicker/customizations

If this is not your requirement then, please share more information about your requirement in detail along with the screenshot or screen recordings which is more helpful to us to provide a solution sooner.

Regards, Yuvaraj.