# expo-datepicker

> Simple date picker

Latest version **1.0.23** (published 2022-12-31) · MIT license · 0 weekly downloads

## Install

```sh
npm install expo-datepicker
pnpm add expo-datepicker
yarn add expo-datepicker
bun add expo-datepicker
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.23 |
| Published | 2022-12-31 |
| First published | 2022-03-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 38.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Frank Pena |
| Maintainers | stealkiller |
| Keywords | datepicker, react-native, react-native-datepicker, expo-datepicker, expo |

## Links

- npm: https://www.npmjs.com/package/expo-datepicker
- Repository: https://github.com/stealkiller06/expo-datepicker
- npm.io page: https://npm.io/package/expo-datepicker

## Recent versions

- 1.0.23 (latest) — 2022-12-31
- 1.0.22 — 2022-12-30
- 1.0.21 — 2022-03-11
- 1.0.2 — 2022-03-11
- 1.0.91 — 2022-03-11
- 1.0.9 — 2022-03-10
- 1.0.81 — 2022-03-10
- 1.0.8 — 2022-03-10

## README

# expo-datepicker

[![Build Status](https://travis-ci.org/joemccann/dillinger.svg?branch=master)](https://travis-ci.org/joemccann/dillinger)

expo-datepicker is a beautiful and simple datepicker for react native and expo

[DEMO](https://snack.expo.io/@stealkiller06/expo-datepicker)

## Installation

```sh
npm i expo-datepicker
yarn add expo-datepicker
```

## Example

```javascript
import React, { useState } from "react";
import { StyleSheet, Text, View, ViewStyle } from "react-native";
import DatePicker from "expo-datepicker";
import { Entypo } from "@expo/vector-icons";
export default function App() {
  const [date, setDate] = useState(new Date().toString());

  return (
    <View style={styles.container}>
      <DatePicker
        date={date}
        onChange={(date) => setDate(date)}
        icon={<Entypo name="chevron-right" size={40} color="#689CA3" />}
      />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#fff",
    alignItems: "center",
    justifyContent: "center",
  },
});
```

## Properties

| Property             | Description               |
| -------------------- | ------------------------- |
| date                 | Current date selected     |
| icon                 | Icon                      |
| fontStyle            | Input text style          |
| containerStyle       | Container Style           |
| backgroundColor      | Input background color    |
| borderColor          | Change border color       |
| inputDayStyle        | Change style day input    |
| inputMonthStyle      | Change Style month input  |
| inputYearStyle       | Change style year input   |
| inputStyle           | Change style of all input |
| itemStyleModal       | Change style item modal   |
| modalBackgroundColor | Change modal background   |
| selectedColor        | Change color item modal   |
| selectedTextColor    | Change text color item    |
| textStyleModal       | Change text style item    |

## Events

| Property | Description         |
| -------- | ------------------- |
| onChange | (date:string)=>void |

## License

MIT

**Free Software, Hell Yeah!**

---
_Source: https://npm.io/package/expo-datepicker · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._