jamsrui_datefield_react_component_quickstart_example.ts

1import React from 'react';
2import { DateField } from '@jamsrui/date-field';
3
4const QuickStartExample: React.FC = () => {
5  const [value, setValue] = React.useState<Date | null>(null);
6
7  return (
8    <div>
9      <label htmlFor="date-input">Select Date:</label>
10      <DateField
11        id="date-input"
12        value={value}
13        onChange={(newValue: Date | null) => setValue(newValue)}
14        placeholder="DD/MM/YYYY"
15      />
16      {value && <p>Selected Date: {value.toLocaleDateString()}</p>}
17    </div>
18  );
19};
20
21export default QuickStartExample;