By script-tag

<script src="datepicker-webcomponent.iife.js"></script>

As an ES6 module

import * as datepicker from '@ids-js/datepicker';

datepicker.calendar.isLeapYear(year)

Returns true or false depending if the given year is a leap year or not.

Returns:

Boolean

datepicker.calendar.getMonthDays(month, year)

Returns the current number of days for given month in given year.

Returns:

Number

datepicker.calendar.generateDayArray(date, dayArray, adjacentMonthDaysArray)

Generates date arrays for the given date object's month.

One array for the current month, and an array for the days in the adjacent months.

datepicker.calendar.getDayNames(locale = 'en', format = 'short')

Returns the names of a week for the given locale and format. Default value for locale is en, and default format is short.

The locale is always in a IETF BCP 47 language tag format.

Returns:

Array, for example:

['man.', 'tir.', 'ons.', 'tor.', 'fre.', 'lør.', 'søn.'];

datepicker.calendar.getMonthNames(locale = 'en', format = 'long')

Returns the names of the months for the given locale and format. Default value for locale is en, and default format is long.

The locale is always in a IETF BCP 47 language tag format.

Returns:

Array, for example:

[
  'januar',
  'februar',
  'mars',
  'april',
  'mai',
  'juni',
  'juli',
  'august',
  'september',
  'oktober',
  'november',
  'desember',
];

datepicker.calendar.getDaysOfPreviousMonth(month, year)

Returns the current number of days in the previous month for given month in given year.

Returns:

Number

datepicker.calendar.isWeekend(year, month, day)

Returns true or false depending if the given date is a weekend or not.

Returns:

Boolean

datepicker.date.create(str)

Returns a date object if str is a valid date string.

Returns:

Date

Throws:

When given str is not a valid date string.

Error('Invalid Date');

datepicker.date.isValid(day, month, year)

Returns true or false depending if the given date is a valid date.

Returns:

Boolean

datepicker.date.getNewDateObject(year, month, day)

Returns a new date object based on the given date.

Returns:

Date

datepicker.formats.list

A JavaScript Object containing the current date formats for our supported locales.

export const list = {
  no: {
    format: 'DD.MM.YYYY',
    example: '10.11.1983',
    regex: '(\\d{1,2})[.](\\d{1,2})[.](\\d{4})',
  },
  sv: {
    format: 'YYYY-MM-DD',
    example: '1983-11-10',
    regex: '(\\d{4})[-](\\d{1,2})[-](\\d{1,2})',
  },
  da: {
    format: 'DD.MM.YYYY',
    example: '10.11.1983',
    regex: '(\\d{1,2})[.](\\d{1,2})[.](\\d{4})',
  },
  fi: {
    format: 'DD.MM.YYYY',
    example: '10.11.1983',
    regex: '(\\d{1,2})[.](\\d{1,2})[.](\\d{4})',
  },
  et: {
    format: 'DD.MM.YYYY',
    example: '10.11.1983',
    regex: '(\\d{1,2})[.](\\d{1,2})[.](\\d{4})',
  },
  lv: {
    format: 'YYYY.MM.DD.',
    example: '1983.11.10.',
    regex: '(\\d{4})[.](\\d{1,2})[.](\\d{1,2})[.]',
  },
  lt: {
    format: 'YYYY-MM-DD',
    example: '1983-11-10',
    regex: '(\\d{4})[-](\\d{1,2})[-](\\d{1,2})',
  },
  ru: {
    format: 'DD.MM.YYYY',
    example: '10.11.1983',
    regex: '(\\d{1,2})[.](\\d{1,2})[.](\\d{4})',
  },
  kl: {
    format: 'YYYY-MM-DD',
    example: '1983-11-10',
    regex: '(\\d{4})[-](\\d{1,2})[-](\\d{1,2})',
  },
  en: {
    format: 'DD/MM/YYYY',
    example: '10/11/1983',
    regex: '(\\d{1,2})[/](\\d{1,2})[/](\\d{4})',
  },
};

datepicker.formats.getFormatByLocale(locale)

Returns the format by given locale. If no match is found, no is used as a locale.

The locale is always in a IETF BCP 47 language tag format.

Returns:

Object, for example:

{
  format: 'DD.MM.YYYY',
  example: '10.11.1983',
  regex: '(\\d{1,2})[.](\\d{1,2})[.](\\d{4})'
}

datepicker.initiator.position(input)

Positions the initiator button for the datepicker correctly over the given input element.

datepicker.initiator.onResize(input)

An resize event handler for the initiator

datepicker.initiator.onDOMContentLoaded(input)

An DOMContentLoaded event handler for the initiator

datepicker.initiator.init(input)

Initiates the event handlers for the initiator of the given input element.