Change the background color of a date.

[mersimoski]

Is there a way to change the default color of the date background that is pink-ish ? By default its purple on my application.

[iM-GeeKy]

Hi @mersimoski, all of the colors are derived from your paper theme and if the specific colors are taken from the material 3 date picker spec.

The primary-container attribute in your theme is what drives the color of the pink-ish background you are describing.

[wundertax-usr]

How should you provide theme color values? I am applying theme via theme prop, but they are not applied to date picker dialog.

    <DatePickerInput
                theme={{
                  colors: {
                    primaryContainer: '#00CB9D',
                    primary: '#001233',
                    onPrimary: '#00CB9D', 
                    ...