Nuclear Potato Monster

    native-date-picker-module
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.0 • Public • Published

    native-date-picker-module

    Native module for date & time picker which opens picker dialog and let's you select date or time.

    Inatallation

    npm i native-date-picker-module
    

    Usage

    import * as React from 'react';
    
    import { StyleSheet, View, Button } from 'react-native';
    import { DateTimePicker } from 'native-date-picker-module';
    
    export default function App() {
      const showDatePicker = async () => {
        const result = await DateTimePicker.open({
          mode: 'date',
        });
        console.log(result);
      };
    
      const showTimePicker = async () => {
        const result = await DateTimePicker.open({
          mode: 'time',
          is24HoursView: false,
        });
        console.log(result);
      };
    
      return (
        <View style={styles.container}>
          <Button title="Date Picker" onPress={showDatePicker} />
          <Button title="Time Picker" onPress={showTimePicker} />
        </View>
      );
    }
    
    const styles = StyleSheet.create({
      container: {
        flex: 1,
        alignItems: 'center',
        justifyContent: 'center',
      },
      box: {
        width: 60,
        height: 60,
        marginVertical: 20,
      },
    });

    DateTimePicker native module

    • DateTimePicker.open({}) will open picker.

    Props

    • mode: date or time
    • is24HoursView: Used to show 24 hours view for time picker
    • colorMode: light or dark
    • pickerTheme: default or spinner

    License

    MIT


    Made with create-react-native-library

    Install

    npm i native-date-picker-module

    DownloadsWeekly Downloads

    78

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    346 kB

    Total Files

    133

    Last publish

    Collaborators

    • ankit-tailor