Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[SfCalendar] showDatePickerTheme #2242

Open
kbessemer opened this issue Jan 6, 2025 · 1 comment
Open

[SfCalendar] showDatePickerTheme #2242

kbessemer opened this issue Jan 6, 2025 · 1 comment
Labels
calendar Calendar component waiting for customer response Cannot make further progress until the customer responds.

Comments

@kbessemer
Copy link

Use case

When showDatePickerButton is true, there is no theme API for the date picker theme.

See screenshot for the date picker in question
Screenshot 2025-01-06 at 1 13 15 PM

Proposal

I'd like an API on SfCalendar that allows you to theme the date picker that is used when showDatePickerButton is set to true.

@kbessemer kbessemer changed the title [SfCalendar] [SfCalendar] showDatePicketTheme Jan 6, 2025
@kbessemer kbessemer changed the title [SfCalendar] showDatePicketTheme [SfCalendar] showDatePickerTheme Jan 6, 2025
@LavanyaGowtham2021 LavanyaGowtham2021 added calendar Calendar component open Open labels Jan 7, 2025
@KompelliSravanSyncfusion

Hi kbessemer,

As per the current implementation of the SfCalendar, there is no direct support to enhance the theming of the date picker in SfCalendar while enabling the showDatePickerButton property and it is the default behavior. However, you can change the theming of the date picker by customizing the header of the SfCalendar.

We have shared a detailed KB article that demonstrates the requested approach: How to Customize the Date Picker in Flutter Calendar Using a Custom Header Button.

Using the steps outlined in the article, you can:

  1. Replace the default date picker button with a custom header button in SfCalendar.
  2. Implement your own date picker dialog, applying the desired theme and styles.
  3. Update the calendar view dynamically based on the selected date.

Kindly refer to the shared knowledge base article and you can modify the sample based on your needs. If you have any further questions or need additional guidance, please feel free to reach out.

Regards,
Kompelli Sravan Kumar.

@LavanyaGowtham2021 LavanyaGowtham2021 added waiting for customer response Cannot make further progress until the customer responds. and removed open Open labels Jan 9, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
calendar Calendar component waiting for customer response Cannot make further progress until the customer responds.
Projects
None yet
Development

No branches or pull requests

3 participants