React datepicker

npm install react-datepicker --save

Source: npmjs.com

Date picker type react

$ npm install react-day-picker --save
# or with yarn:
$ yarn add react-day-picker

React datepicker documentation

() => {
  const [startDate, setStartDate] = useState(new Date());
  return (
    <DatePicker selected={startDate} onChange={(date) => setStartDate(date)} />
  );
};

Source: reactdatepicker.com

React date picker

import { registerLocale, setDefaultLocale } from  "react-datepicker";
import es from 'date-fns/locale/es';
registerLocale('es', es)

<DatePicker
  locale="es"
/>

Source: npmjs.com

React-datepicker

() => {
  const [startDate, setStartDate] = useState(new Date());
  const MyContainer = ({ className, children }) => {
    return (
      <div style={{ padding: "16px", background: "#216ba5", color: "#fff" }}>
        <CalendarContainer className={className}>
          <div style={{ background: "#f0f0f0" }}>
            What is your favorite day?
          </div>
          <div style={{ position: "relative" }}>{children}</div>
        </CalendarContainer>
      </div>
    );
  };
  return (
    <DatePicker
      selected={startDate}
      onChange={(date) => setStartDate(date)}
      calendarContainer={MyContainer}
    />
  );
};

Source: reactdatepicker.com

Similar codes

0 vote350 views1 answer
Get size of a View in React Native
Javascript React
32 votes242 views4 answers
React update state array of objects
Javascript React
123 votes403 views3 answers
Set interval react
Javascript React
22 votes293 views4 answers
Copy text to clipboard reactjs
Javascript React
0 vote296 views1 answer
Sort Array Object in React
Javascript React
0 vote359 views1 answer
How set default value for react-select
Javascript React
0 vote305 views1 answer
React-data-table-component cell action
Javascript React
0 vote291 views2 answers
How to make a bot react to own message js
Javascript React
0 vote295 views3 answers
React native version
Javascript React
7 votes286 views2 answers
Import a script to my react componetn
Javascript React