cerc-io/snowballtools-base
16
0
Fork 2
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

📝 docs: add date picker to the example page

Browse Source
This commit is contained in:
Wahyu Kurniawan 2024-02-22 16:42:25 +07:00
parent a8fdd4bb53
commit 64379ec9c6
No known key found for this signature in database
GPG Key ID: 040A1549143A8E33
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/frontend/src/pages/components/index.tsx
View File

@ -23,6 +23,7 @@ import {
renderInlineNotifications, renderInlineNotifications,
} from './renders/inlineNotifications'; } from './renders/inlineNotifications';
import { renderInputs } from './renders/input'; import { renderInputs } from './renders/input';
import { DatePicker } from 'components/shared/DatePicker';
const Page = () => { const Page = () => {
const [singleDate, setSingleDate] = useState<Value>(); const [singleDate, setSingleDate] = useState<Value>();
@ -123,6 +124,16 @@ const Page = () => {
/> />
</div> </div>
</div> </div>
<h1 className="text-2xl font-bold">Date Picker</h1>
<div className="flex flex-col gap-10 items-center justify-center">
<DatePicker value={singleDate} onChange={setSingleDate} />
<DatePicker
selectRange
value={dateRange}
onChange={setDateRange}
/>
</div>
</div> </div>
<div className="w-full h border border-gray-200 px-20 my-10" /> <div className="w-full h border border-gray-200 px-20 my-10" />