npm.io
1.0.23 • Published 3 years ago

expo-datepicker

Licence
MIT
Version
1.0.23
Deps
0
Size
39 kB
Vulns
0
Weekly
0
Stars
3
SummaryDependencyVersions

expo-datepicker

Build Status

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

DEMO

Installation

npm i expo-datepicker
yarn add expo-datepicker

Example

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!