parent
							
								
									dbb338b0c9
								
							
						
					
					
						commit
						4f2d52e18f
					
				
				 2 changed files with 30 additions and 0 deletions
			
			
		@ -0,0 +1,19 @@ | 
				
			||||
import React, { useState } from 'react'; | 
				
			||||
import DatePicker from "react-modern-calendar-datepicker"; | 
				
			||||
import '../Calendar/index.css'; | 
				
			||||
const SimpleDatePicker = () =>{ | 
				
			||||
    const [selectedDay, setSelectedDay] = useState(null); | 
				
			||||
    return( | 
				
			||||
        <div className='flex items-center justify-center w-full my-2'> | 
				
			||||
            <DatePicker | 
				
			||||
                value={selectedDay} | 
				
			||||
                onChange={setSelectedDay} | 
				
			||||
                inputPlaceholder="Select a day" | 
				
			||||
                shouldHighlightWeekends | 
				
			||||
                locale='fa' | 
				
			||||
            /> | 
				
			||||
        </div> | 
				
			||||
    ) | 
				
			||||
} | 
				
			||||
 | 
				
			||||
export default SimpleDatePicker; | 
				
			||||
					Loading…
					
					
				
		Reference in new issue