This repository has been archived by the owner on Sep 25, 2023. It is now read-only.
ds-datepicker
/
2.1.7
ds-datepicker 2.1.7
Install from the command line:
Learn more about npm packages
$ npm install @navikt/ds-datepicker@2.1.7
Install via package.json:
"@navikt/ds-datepicker": "2.1.7"
About this version
Simple datepicker basert på react-day-picker https://www.npmjs.com/package/react-day-picker
Denne er portet fra nav.no. Endringer i navikt/datovelger blir ikke automatisk oppdatert her.
import '@navikt/ds-datepicker/lib/index.css';
import { Datepicker, isISODateString } from '@navikt/ds-datepicker';
const BasicDatepicker = () => {
const [date, setDate] = useState('');
return <Datepicker onChange={setDato} value={date} />;
};
const AdvancedDatePicker = () => {
const [date, setDate] = useState<string>;
return (
<Datepicker
locale={'nb'}
inputId="datepicker-input"
inputLabel="Oppgi dato"
value={date}
onChange={setDate}
inputProps={{
name: 'dateInput',
'aria-invalid': date !== '' && isISODateString(date) === false,
}}
calendarSettings={{ showWeekNumbers: true }}
showYearSelector={true}
limitations={{
weekendsNotSelectable: false,
invalidDateRanges: [
{
from: '2020-04-10',
to: '2020-04-11',
},
],
minDate: '2000-04-03',
maxDate: '2020-12-12',
}}
/>
);
};Starter app med enkelt eksempel
npm run dev
