/Javascript/React/React native time range picker

React native time range picker

React-native date time picker

expo install react-native-modal-datetime-picker @react-native-community/datetimepicker

import React, { useState } from "react";
import { Button, View } from "react-native";
import DateTimePickerModal from "react-native-modal-datetime-picker";

const Example = () => {
  const [isDatePickerVisible, setDatePickerVisibility] = useState(false);

  const showDatePicker = () => {
    setDatePickerVisibility(true);
  };

  const hideDatePicker = () => {
    setDatePickerVisibility(false);
  };

  const handleConfirm = (date) => {
    console.warn("A date has been picked: ", date);
    hideDatePicker();
  };

  return (
    <View>
      <Button title="Show Date Picker" onPress={showDatePicker} />
      <DateTimePickerModal
        isVisible={isDatePickerVisible}
        mode="date"
        onConfirm={handleConfirm}
        onCancel={hideDatePicker}
      />
    </View>
  );
};

export default Example;

Source: codegrepper.com

React native time range picker

npm install react-native-paper-dates --save

Source: reactnativeexample.com

Similar codes

0 vote330 views1 answer
JSON.stringify with strip slash reactjs
Javascript React
108 votes362 views1 answer
How to start react app in windows
Javascript React
63 votes283 views6 answers
React router install
Javascript React
0 vote312 views1 answer
Restful react npm
Javascript React
0 vote332 views1 answer
React call component state
Javascript React
0 vote301 views1 answer
Saving react code messing up in vsc
Javascript React
0 vote300 views1 answer
Npm react-dom
Javascript React
18 votes352 views4 answers
React get route params
Javascript React
0 vote363 views2 answers
Como arreglar el error de Linking.openUrl no funciona react native
Javascript React
0 vote333 views1 answer
Reactstrap form post
Javascript React