Skip to content

Commit

Permalink
update readme
Browse files Browse the repository at this point in the history
  • Loading branch information
@henninghall
henninghall committed Mar 18, 2024
1 parent d94870a commit 27fdd8a
Showing 1 changed file with 4 additions and 28 deletions.
32 changes: 4 additions & 28 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -150,37 +150,13 @@ export default () => {
| `confirmText` | Modal only: Confirm button text. |
| `cancelText` | Modal only: Cancel button text. |
| `theme` | Modal only: The theme of the modal. `"light"`, `"dark"`, `"auto"`. Defaults to `"auto"`. |
| `buttonColor` | Color of the confirm and cancel buttons. (android modal only) | | <img src="docs/button-colors.png" alt="date picker button colors on android" width="200px" /> |
| `dividerColor` | Color of the divider / separator. (android only) | | <img src="docs/divider-color.png" alt="react native date picker divider separator color" width="200px" /> |
| `onStateChange` | Spinner state change handler. Triggered on changes between "idle" and "spinning" state (Android inline only) |

## Additional android styling
## Font size

There are some additional styling possibilities for the "androidNative" picker variant.

### Divider color

<img src="docs/divider-color.png" alt="react native date picker divider separator color" width="200px" />

To change the divider color, open `styles.xml` and place this code right above the `</resources>`.

```xml
<style name="DatePickerTheme" parent="DatePickerBaseTheme">
<item name="android:colorControlNormal">#dd00ff</item>
</style>
```

### Button colors

<img src="docs/button-colors.png" alt="date picker button colors on android" width="200px" />

To change the confirm and cancel button colors. Open `styles.xml` and place this code within your theme.

```xml
<item name="colorAccent">#dd00ff</item>
```

### Font size

To change the font size on Android `nativeAndroid` variant. Open `styles.xml` and place this code right above the `</resources>`. The font size is not possible to change in iOS out of the box, but there are some [iOS workarounds](https://github.com/henninghall/react-native-date-picker/discussions/171).
To change the font size on Android. Open `styles.xml` and place this code right above the `</resources>`. The font size is not possible to change in iOS out of the box, but there are some [iOS workarounds](https://github.com/henninghall/react-native-date-picker/discussions/171).

```xml
<style name="DatePickerTheme" parent="DatePickerBaseTheme">
Expand Down

0 comments on commit 27fdd8a

Please sign in to comment.