Material-components-android: [MaterialDatePicker] Crash with bridge themes
Description:
Crash occurs due to missing materialCalendarTheme attribute in bridge themes.
Error message:
java.lang.IllegalArgumentException: com.google.android.material.picker.MaterialDatePicker requires a value for the com.company.myapplication:attr/materialCalendarTheme attribute to be set in your app theme. You can either set the attribute in your theme or update your theme to inherit from Theme.MaterialComponents (or a descendant).
Material Library version:
1.1.0-alpha09
jereld
All 20 comments
Thanks for reporting. We will consider moving all of our non-AppCompat/Framework attributes from our Full themes into our Bridge themes, since that should have no effect on apps being migrated from AppCompat to MaterialComponents.
For now you could set the following in your theme:
<item name="materialCalendarStyle">@style/Widget.MaterialComponents.MaterialCalendar</item>
<item name="materialCalendarFullscreenTheme">@style/ThemeOverlay.MaterialComponents.MaterialCalendar.Fullscreen</item>
<item name="materialCalendarTheme">@style/ThemeOverlay.MaterialComponents.MaterialCalendar</item>
dsn5ft
on 6 Aug 2019
Unfortunately, adding the materialCalender attributes to a bridge theme causes a ClassCastException to be thrown when displaying the MaterialDatePicker
java.lang.ClassCastException: androidx.appcompat.widget.AppCompatButton cannot be cast to com.google.android.material.button.MaterialButton at com.google.android.material.picker.MaterialDatePicker.onCreateView(MaterialDatePicker.java:188)
jereld
on 8 Aug 2019
Thanks for reporting, we'll address this so MaterialDatePicker works with the Bridge themes.
dsn5ft
on 15 Aug 2019
This is fixed. We removed explicit references to MaterialButton in the MaterialDatePicker
ldjcmu
on 18 Sep 2019
Hi, I'm experiencing the same error in 1.1.0.
java.lang.IllegalArgumentException: com.google.android.material.datepicker.MaterialDatePicker requires a value for the xxxx:attr/materialCalendarTheme attribute to be set in your app theme. You can either set the attribute in your theme or update your theme to inherit from Theme.MaterialComponents (or a descendant).
My theme inherits from a bridge theme
<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar.Bridge">
tomblenz
on 3 Feb 2020
Hi, I'm experiencing the same error in 1.1.0.
java.lang.IllegalArgumentException: com.google.android.material.datepicker.MaterialDatePicker requires a value for the xxxx:attr/materialCalendarTheme attribute to be set in your app theme. You can either set the attribute in your theme or update your theme to inherit from Theme.MaterialComponents (or a descendant).My theme inherits from a bridge theme
<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar.Bridge">
@tomblenz any fix for this issue?
rakesh1988
on 10 Feb 2020
@tomblenz any fix for this issue?
The workaround above works still
<item name="materialCalendarStyle">@style/Widget.MaterialComponents.MaterialCalendar</item>
<item name="materialCalendarFullscreenTheme">@style/ThemeOverlay.MaterialComponents.MaterialCalendar.Fullscreen</item>
<item name="materialCalendarTheme">@style/ThemeOverlay.MaterialComponents.MaterialCalendar</item>
@ldjcmu you should re-open this
tomblenz
on 10 Feb 2020
With those lines
@tomblenz any fix for this issue?
The workaround above works still
<item name="materialCalendarStyle">@style/Widget.MaterialComponents.MaterialCalendar</item> <item name="materialCalendarFullscreenTheme">@style/ThemeOverlay.MaterialComponents.MaterialCalendar.Fullscreen</item> <item name="materialCalendarTheme">@style/ThemeOverlay.MaterialComponents.MaterialCalendar</item>
com.google.android.material.datepicker.MaterialDatePicker requires a value for the br.com.cargafacil:attr/colorSurface attribute to be set in your app theme. You can either set the attribute in your theme or update your theme to inherit from Theme.MaterialComponents (or a descendant).
colorSurface?
vapstor
on 20 Mar 2020
@vapstor any fix for the colorSurface issue ?
Ridvmodi
on 25 Mar 2020
@vapstor
Try this:
<item name="colorSurface">#FFFFFF</item>
hamzakapadiaa
on 28 Mar 2020
With those lines
@tomblenz any fix for this issue?
The workaround above works still
<item name="materialCalendarStyle">@style/Widget.MaterialComponents.MaterialCalendar</item> <item name="materialCalendarFullscreenTheme">@style/ThemeOverlay.MaterialComponents.MaterialCalendar.Fullscreen</item> <item name="materialCalendarTheme">@style/ThemeOverlay.MaterialComponents.MaterialCalendar</item>
com.google.android.material.datepicker.MaterialDatePicker requires a value for the br.com.cargafacil:attr/colorSurface attribute to be set in your app theme. You can either set the attribute in your theme or update your theme to inherit from Theme.MaterialComponents (or a descendant).colorSurface?
Fixed this by inheriting the theme From Theme.MaterialComponents instread of ThemeOverlay
Ridvmodi
on 30 Mar 2020
https://material.io/develop/android/docs/getting-started/
Hope it helps you!
dangmeng
on 26 Apr 2020
The workaround does the job. This can be closed
Jeff11
on 29 Jun 2020
It is not working at all, please reopen it
Here is my codes
<style name="AppTheme" parent="Theme.MaterialComponents.Light.DarkActionBar.Bridge">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="materialCalendarFullscreenTheme">
@style/CustomThemeOverlay_MaterialCalendar_Fullscreen
</item>
</style>
<style name="CustomThemeOverlay_MaterialCalendar_Fullscreen" parent="@style/ThemeOverlay.MaterialComponents.MaterialCalendar.Fullscreen">
<item name="materialCalendarStyle">@style/Custom_MaterialCalendar.Fullscreen</item>
<item name="colorSurface">#FFFFFF</item>
</style>
<style name="Custom_MaterialCalendar.Fullscreen" parent="@style/Widget.MaterialComponents.MaterialCalendar.Fullscreen">
<item name="android:windowFullscreen">false</item>
</style>
then
val builder = MaterialDatePicker.Builder.dateRangePicker()
builder.setTheme(R.style.CustomThemeOverlay_MaterialCalendar_Fullscreen)
when I remove the colorSurface field, then I get the colorSurface error thing
when I have it I get this :
android.view.InflateException: Binary XML file line #23: Binary XML file line #17: Error inflating class TextView
Caused by: android.view.InflateException: Binary XML file line #17: Error inflating class TextView
Caused by: java.lang.UnsupportedOperationException: Failed to resolve attribute at index 5: TypedValue{t=0x2/d=0x7f0300ab a=2}
at android.content.res.TypedArray.getColorStateList(TypedArray.java:546)
at com.google.android.material.datepicker.MaterialDatePicker.onCreateView(MaterialDatePicker.java:209)
WTF going on?
I just using
implementation("com.google.android.material:material:1.3.0-alpha01")
the same with the Bridge style
klaszlo8207
on 30 Jun 2020
When I using the built in style with the 1.3.0.alpha01
builder.setTheme(R.style.ThemeOverlay_MaterialComponents_MaterialCalendar)
Then I get the same:
java.lang.IllegalArgumentException: com.google.android.material.datepicker.MaterialDatePicker requires a value ...
attr/colorSurface attribute to be set in your app theme. You can either set the attribute in your theme or update your theme to inherit from Theme.MaterialComponents (or a descendant).
klaszlo8207
on 30 Jun 2020
It is not working at all, please reopen it
Here is my codes
<style name="AppTheme" parent="Theme.MaterialComponents.Light.DarkActionBar.Bridge"> <!-- Customize your theme here. --> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> <item name="materialCalendarFullscreenTheme"> @style/CustomThemeOverlay_MaterialCalendar_Fullscreen </item> </style><style name="CustomThemeOverlay_MaterialCalendar_Fullscreen" parent="@style/ThemeOverlay.MaterialComponents.MaterialCalendar.Fullscreen"> <item name="materialCalendarStyle">@style/Custom_MaterialCalendar.Fullscreen</item> <item name="colorSurface">#FFFFFF</item> </style> <style name="Custom_MaterialCalendar.Fullscreen" parent="@style/Widget.MaterialComponents.MaterialCalendar.Fullscreen"> <item name="android:windowFullscreen">false</item> </style>then
val builder = MaterialDatePicker.Builder.dateRangePicker() builder.setTheme(R.style.CustomThemeOverlay_MaterialCalendar_Fullscreen)when I remove the colorSurface field, then I get the colorSurface error thing
when I have it I get this :
android.view.InflateException: Binary XML file line #23: Binary XML file line #17: Error inflating class TextView
Caused by: android.view.InflateException: Binary XML file line #17: Error inflating class TextView
Caused by: java.lang.UnsupportedOperationException: Failed to resolve attribute at index 5: TypedValue{t=0x2/d=0x7f0300ab a=2}
at android.content.res.TypedArray.getColorStateList(TypedArray.java:546)at com.google.android.material.datepicker.MaterialDatePicker.onCreateView(MaterialDatePicker.java:209)
WTF going on?
I just using
implementation("com.google.android.material:material:1.3.0-alpha01")
the same with the Bridge style
Still happening.
thefabbulus
on 1 Aug 2020
I just tried this with com.google.android.material:material:1.3.0-alpha01, and the date picker dialog opened fine with no crash:
<style name="AppTheme" parent="Theme.MaterialComponents.Light.DarkActionBar.Bridge">
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="materialCalendarFullscreenTheme">
@style/CustomThemeOverlay_MaterialCalendar_Fullscreen
</item>
</style>
<style name="CustomThemeOverlay_MaterialCalendar_Fullscreen" parent="@style/ThemeOverlay.MaterialComponents.MaterialCalendar.Fullscreen">
<item name="materialCalendarStyle">@style/Custom_MaterialCalendar.Fullscreen</item>
</style>
<style name="Custom_MaterialCalendar.Fullscreen" parent="@style/Widget.MaterialComponents.MaterialCalendar.Fullscreen">
<item name="android:windowFullscreen">false</item>
</style>
MaterialDatePicker.Builder.dateRangePicker()
.setTheme(R.style.CustomThemeOverlay_MaterialCalendar_Fullscreen)
.build()
.show(getSupportFragmentManager(), "TAG");
Please provide a minimal sample app that reproduces the issue.
dsn5ft
on 3 Aug 2020
I am getting the same crash. Here is how I defined my style:
<style name="ThemeOverlay.Catalog.MaterialCalendar.Custom" parent="@style/ThemeOverlay.MaterialComponents.MaterialCalendar">
<item name="colorPrimary">@color/myprimary_01</item>
<item name="colorOnPrimary">@color/myprimary_02</item>
<item name="textInputStyle">@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox</item>
<item name="materialCalendarStyle">@style/Widget.MaterialComponents.MaterialCalendar</item>
<item name="materialCalendarFullscreenTheme">@style/ThemeOverlay.MaterialComponents.MaterialCalendar.Fullscreen</item>
<item name="materialCalendarTheme">@style/ThemeOverlay.MaterialComponents.MaterialCalendar</item>
</style>
IgorGanapolsky
on 6 Jan 2021
Please provide a minimal sample app that reproduces the issue.
ikim24
on 7 Jan 2021
Related issues
gabrielemariotti
路
3Comments
Mirmuhsin
路
3Comments
gabrielemariotti
路
3Comments
JavierSegoviaCordoba
路
3Comments
Sanusy
路
3Comments
Most helpful comment
The workaround above works still