Go To Today Button made (has some issues)

Doesn't work when month is changed
master
Pedram Keshavarzi 3 years ago
parent f26f4c2003
commit 9e09b78215
  1. 1
      src/components/RangeDatePicker/index.js
  2. 9
      src/components/SimpleDatePicker/index.js

@ -10,6 +10,7 @@ const RangeDatePicker = () => {
return ( return (
<DatePicker <DatePicker
value={selectedDayRange} value={selectedDayRange}
calendarClassName="range-date-picker"
onChange={setSelectedDayRange} onChange={setSelectedDayRange}
inputPlaceholder="یک بازه زمانی انتخاب کنید" inputPlaceholder="یک بازه زمانی انتخاب کنید"
shouldHighlightWeekends shouldHighlightWeekends

@ -1,8 +1,12 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import DatePicker from "react-modern-calendar-datepicker"; import DatePicker, {utils} from "react-modern-calendar-datepicker";
import '../Calendar/index.css'; import '../Calendar/index.css';
const SimpleDatePicker = () =>{ const SimpleDatePicker = (props) =>{
const [selectedDay, setSelectedDay] = useState(null); const [selectedDay, setSelectedDay] = useState(null);
const gotoToday = () =>{
setSelectedDay(utils('fa').getToday());
}
return( return(
<div className='flex items-center justify-center w-full my-2'> <div className='flex items-center justify-center w-full my-2'>
<DatePicker <DatePicker
@ -10,6 +14,7 @@ const SimpleDatePicker = () =>{
onChange={setSelectedDay} onChange={setSelectedDay}
inputPlaceholder="انتخاب تاریخ" inputPlaceholder="انتخاب تاریخ"
shouldHighlightWeekends shouldHighlightWeekends
renderFooter={() => <button onClick={gotoToday}>برو به امروز</button>}
locale='fa' locale='fa'
/> />
</div> </div>

Loading…
Cancel
Save