Sha256: 40a99d4d19931e51e18f9cf7f1b01beb60639f5d245a47e68513118a251170b9
Contents?: true
Size: 948 Bytes
Versions: 1848
Compression:
Stored size: 948 Bytes
Contents
/* eslint-disable react/no-multi-comp */
import React, { useMemo, useState } from 'react'
import DatePicker from '../_date_picker'
import Body from '../../pb_body/_body'
const DEFAULT_DATE = new Date()
DEFAULT_DATE.setHours(12)
DEFAULT_DATE.setMinutes(0)
const DatePickerTime = (props) => {
const [selectedDateTime, setSelectedDateTime] = useState(DEFAULT_DATE)
const refExample = React.createRef()
const handleOnInputChanged = (dateTime) => {
setSelectedDateTime(dateTime)
}
return (
<div ref={refExample}>
<Body marginBottom="md">{selectedDateTime.toString()}</Body>
{useMemo(() => (
<DatePicker
closeOnSelect={false}
defaultDate={DEFAULT_DATE}
enableTime
onChange={handleOnInputChanged}
pickerId="date-picker-time"
showTimezone
{...props}
/>
), [props])}
</div>
)
}
export default DatePickerTime
Version data entries
1,848 entries across 1,848 versions & 2 rubygems