Sha256: 96dd6d1c31f5d7614551d361e508de54afebec6ed43314528810156966eed18f
Contents?: true
Size: 1.03 KB
Versions: 768
Compression:
Stored size: 1.03 KB
Contents
/* eslint-disable react/no-multi-comp */
import React, { useState } from 'react'
import { DatePicker,LabelValue } from '../..'
const DatePickerOnClose = (props) => {
const today = new Date()
const [dateString, setDateString] = useState(today.toLocaleDateString())
const [dateObj, setDateObj] = useState([today])
const handleOnClose = (selectedDates, dateStr) => {
setDateString(dateStr)
setDateObj(selectedDates)
}
return (
<div>
<DatePicker
defaultDate={dateString}
enableTime
marginBottom="lg"
onClose={handleOnClose}
pickerId="date-picker-on-close"
showTimezone
{...props}
/>
<LabelValue
label="Date Object"
marginBottom="lg"
value={dateObj[0] ? dateObj[0].toString() : ''}
{...props}
/>
<LabelValue
label="Date String"
value={dateString}
{...props}
/>
</div>
)
}
export default DatePickerOnClose
Version data entries
768 entries across 768 versions & 2 rubygems