question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How to set the colour of the modal calendar

See original GitHub issue

Is it possible to change the blue color in the modal calendar? I’ve tried

customStyles = { {dateInput: {borderColor:“orange”, borderWidth:1}, dateTouchBody: {borderColor:“ornge”, borderWidth:3} } }

But they seem to be for the display of the selected date rather than the calendar displayed to select a date (this on Android with androidMode=“default”).

Thanks in anticipation

Dan

Environment

  1. react-native -v: 29.0.0
  2. node -v: v8.12.0
  3. npm -v: 6.4.1
  4. target platform: Android and iOS
  5. operating system: linux

Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:1
  • Comments:5

github_iconTop GitHub Comments

2reactions
shen-lancommented, Jul 25, 2019

Hi, I solve it.

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="android:textColor">#000000</item>

        <item name="android:colorAccent">#4569ff</item>
        <item name="android:colorPrimary">#4569ff</item>
        <item name="android:colorPrimaryDark">#4569ff</item>

        <item name="android:textColorPrimaryInverse">#4569ff</item>
        <item name="android:colorControlActivated">#4569ff</item>        
    </style>



</resources>

0reactions
jdanosbornecommented, Jul 25, 2019

I’m using expo (https://expo.io) so don’t think that will work for me I’m afraid.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to change the default theme color · Issue #106 - GitHub
Currently the datetime picker displays title background, date/time selection color and Footer text(Cancel, Ok) color with green color.
Read more >
Trouble Adding DatePicker to Modal - Displays in backdrop
So it "seems" to be working fine, except that I cannot click anything in the calendar as it is appearing in the backdrop....
Read more >
Flex's Pop-Up Modal Colors - Cvent Community
These can be changed within the Site Designer by clicking the modal's widget on the canvas, then to the right of the canvas,...
Read more >
Step by step guide on how to Change background and text ...
In the previous tutorial here here, we saw how we can quickly change the background color of the date time picker.
Read more >
Calendar Overlay Modal mode - SharePoint Stack Exchange
... hook into the existing SharePoint calendar load function. function ... bindEventClickHandler(); } } // future service pack change may go ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found