jamsrui_datepicker_react_component_single_date_selection.ts

1import React, { useState } from 'react';
2import { DatePicker } from '@jamsrui/date-picker';
3import '@jamsrui/date-picker/dist/index.css';
4
5const App: React.FC = () => {
6  const [selectedDate, setSelectedDate] = useState<Date | null>(null);
7
8  return (
9    <div style={{ padding: '20px' }}>
10      <h1>Select a Date</h1>
11      <DatePicker
12        value={selectedDate}
13        onChange={(date: Date | null) => setSelectedDate(date)}
14        placeholder="Select a date"
15      />
16      {selectedDate && <p>Selected: {selectedDate.toLocaleDateString()}</p>}
17    </div>
18  );
19};
20
21export default App;