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

1 vote215 views1 answer
Implementating step component in react
Javascript React
15 votes237 views2 answers
Expo react navigation
Javascript React
0 vote247 views1 answer
React developer cvs
Javascript React
0 vote215 views1 answer
Autofocus is not working in react native
Javascript React
26 votes258 views6 answers
React js
Javascript React
0 vote238 views1 answer
Render object id in an array reactjs from database
Javascript React
0 vote247 views3 answers
React-native restart app
Javascript React
0 vote236 views1 answer
React testing library Property 'value' does not exist on type 'HTMLElement'.ts(2339)
Javascript React
-1 vote185 views1 answer
Vimeo player react native
Javascript React
0 vote233 views1 answer
React ES6 Arrow Functions
Javascript React