0.3.15 • Published 9 months ago
@highoutput/hds-date-picker v0.3.15
Getting started
We aim to build a library of custom ReactJS components that implements our unique UI design conventions. The ReactJS components will be based primarily on Chakra UI components. React Storybook will be used for documentation and testing.
Commands
To install package, use:
npm i @highoutput/hds-date-picker
Usage
import {
DatePicker,
DatePickerDropdown,
DatePickerModal,
} from '@highoutput/hds-date-picker';
const MOCKDATA = [
{ date: new Date('2022-9-3'), title: 'appointment', id: '1' },
{ date: new Date('2022-11-25'), title: 'second', id: '3' },
{ date: new Date('2022-9-25'), title: 'doctor', id: '2' },
{ date: new Date('2022-12-6'), title: 'bd', id: '1' },
{ date: new Date('2022-12-23'), title: 'bd', id: '1' },
];
export const DatePicker = () => {
const onClose = () => {};
let isOpen = false;
const [date, setDate] = React.useState([]);
return (
<DatePicker
dateEvents={MOCKDATA}
type={'pre-set ranges'}
userId={'1'}
timezone={'Asia/Manila'}
onClose={onClose}
isOpen={isOpen}
onApplyDate={(dates) => setDates(dates)}
/>
);
};
export const DatePickerDropdown = () => {
const onClose = () => {};
let isOpen = false;
const [date, setDate] = React.useState([]);
return (
<DatePickerDropdown
dateEvents={MOCKDATA}
type={'pre-set ranges'}
userId={'1'}
timezone={'Asia/Manila'}
onClose={onClose}
isOpen={isOpen}
onApplyDate={(dates) => setDates(dates)}
/>
);
};
export const DatePickerModal = () => {
const onClose = () => {};
let isOpen = false;
const [date, setDate] = React.useState([]);
return (
<DatePickerModal
dateEvents={MOCKDATA}
type={'pre-set ranges'}
userId={'1'}
timezone={'Asia/Manila'}
onClose={onClose}
isOpen={isOpen}
onApplyDate={(dates) => setDates(dates)}
/>
);
};
0.3.15
9 months ago
0.3.14
11 months ago
0.3.13
11 months ago
0.3.12
11 months ago
0.3.6
1 year ago
0.3.5
1 year ago
0.3.2
1 year ago
0.3.1
1 year ago
0.3.4
1 year ago
0.2.19
1 year ago
0.2.17
1 year ago
0.2.16
1 year ago
0.2.15
1 year ago
0.2.14
1 year ago
0.2.13
1 year ago
0.2.12
1 year ago
0.2.11
1 year ago
0.3.0
1 year ago
0.2.7
1 year ago
0.2.6
1 year ago
0.2.8
1 year ago
0.2.3
1 year ago
0.2.5
1 year ago
0.2.4
1 year ago
0.2.3-alpha.0
1 year ago
0.2.1
1 year ago
0.2.0
1 year ago
0.2.2-alpha.0
1 year ago
0.2.2
1 year ago
0.1.6
1 year ago
0.1.5
1 year ago
0.1.4
1 year ago
0.1.3
1 year ago
0.1.2
1 year ago
0.1.1
1 year ago