React-native-calendars: How do I get the selected day background to center on the date?

Created on 2 Aug 2017  路  2Comments  路  Source: wix/react-native-calendars

See this screenshot:

screenshot 2017-08-01 19 19 56

The selected date background is circular, but it is offset from the date. I assume this is because when a day is "marked" the dot appears under the number and then the selected background state is centered around the whole thing, but when I'm not using that, how do I get it to center properly?

Feature request

Most helpful comment

Currently you can hack this with advanced styling options:

theme={{
  'stylesheet.day.basic': {
    text: {
      marginTop: 4, // specify the margin you want
      ...otherTextStyles
    }
  }
}}

All 2 comments

Currently there is no way to center, but this might be fixed later.

Currently you can hack this with advanced styling options:

theme={{
  'stylesheet.day.basic': {
    text: {
      marginTop: 4, // specify the margin you want
      ...otherTextStyles
    }
  }
}}
Was this page helpful?
0 / 5 - 0 ratings

Related issues

nickitatkach picture nickitatkach  路  4Comments

Yandamuri picture Yandamuri  路  4Comments

sommeshEwall picture sommeshEwall  路  3Comments

anishtr4 picture anishtr4  路  3Comments

henrikra picture henrikra  路  3Comments