forked from duetds/date-picker
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
eff89b2
commit 032f831
Showing
3 changed files
with
13 additions
and
12 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -123,9 +123,9 @@ Duet Date Picker’s keyboard support is built to closely follow [W3C Date Picke | |
Integrating Duet Date Picker to a project without a JavaScript framework is very straight forward. If you’re working on a simple HTML page, you can start using Duet Date Picker immediately by adding these tags to the `<head>`: | ||
|
||
```html | ||
<script type="module" src="https://cdn.jsdelivr.net/npm/@duetds/[email protected].1/dist/duet/duet.esm.js"></script> | ||
<script nomodule src="https://cdn.jsdelivr.net/npm/@duetds/[email protected].1/dist/duet/duet.js"></script> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@duetds/[email protected].1/dist/duet/themes/default.css" /> | ||
<script type="module" src="https://cdn.jsdelivr.net/npm/@duetds/[email protected].2/dist/duet/duet.esm.js"></script> | ||
<script nomodule src="https://cdn.jsdelivr.net/npm/@duetds/[email protected].2/dist/duet/duet.js"></script> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@duetds/[email protected].2/dist/duet/themes/default.css" /> | ||
``` | ||
|
||
Once included, Duet Date Picker can be used in your markup like any other regular HTML element: | ||
|
@@ -438,7 +438,7 @@ selected date Sat Aug 15 2020 00:00:00 GMT+0300 (Eastern European Summer Time) | |
Duet Date Picker uses CSS Custom Properties to make it easy to theme the picker. The component ships with a default theme that you can import either from the NPM package or directly from a CDN like JSDelivr: | ||
|
||
```html | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@duetds/[email protected].1/dist/duet/themes/default.css" /> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@duetds/[email protected].2/dist/duet/themes/default.css" /> | ||
``` | ||
|
||
The above CSS file provides the following Custom Properties that you can override with your own properties: | ||
|
@@ -569,14 +569,14 @@ For more details, please see [Stencil.js documentation](https://stenciljs.com/do | |
If you wish to make sure Duet Date Picker shows up as quickly as possible when loading the scripts from JSDelivr CDN, you can preload the key parts using link `rel="preload"`. To do this, add these tags in the `<head>` of your webpage before any other `<script>` or `<link>` tags: | ||
|
||
```html | ||
<link rel="preload" href="https://cdn.jsdelivr.net/npm/@duetds/[email protected].1/dist/duet/duet.esm.js" as="script" crossorigin="anonymous" /> | ||
<link rel="preload" href="https://cdn.jsdelivr.net/npm/@duetds/[email protected].1/dist/duet/duet-date-picker.entry.js" as="script" crossorigin="anonymous" /> | ||
<link rel="preload" href="https://cdn.jsdelivr.net/npm/@duetds/[email protected].2/dist/duet/duet.esm.js" as="script" crossorigin="anonymous" /> | ||
<link rel="preload" href="https://cdn.jsdelivr.net/npm/@duetds/[email protected].2/dist/duet/duet-date-picker.entry.js" as="script" crossorigin="anonymous" /> | ||
``` | ||
|
||
In case you’re also using one of the included themes, you can preload them the same way using the below tag: | ||
|
||
```html | ||
<link rel="preload" href="https://cdn.jsdelivr.net/npm/@duetds/[email protected].1/dist/duet/themes/default.css" as="style" /> | ||
<link rel="preload" href="https://cdn.jsdelivr.net/npm/@duetds/[email protected].2/dist/duet/themes/default.css" as="style" /> | ||
``` | ||
|
||
## Contributing | ||
|
@@ -602,6 +602,7 @@ In case you’re also using one of the included themes, you can preload them the | |
|
||
## Changelog | ||
|
||
- `1.0.2`: Documentation improvements. | ||
- `1.0.1`: Hitting arrow keys on year select on Windows without first opening the dropdown previously causes odd results. This is now fixed. | ||
- `1.0.0`: Initial release. | ||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -6,20 +6,20 @@ | |
<title>Duet Date Picker</title> | ||
<link | ||
rel="preload" | ||
href="https://cdn.jsdelivr.net/npm/@duetds/[email protected].1/dist/duet/duet.esm.js" | ||
href="https://cdn.jsdelivr.net/npm/@duetds/[email protected].2/dist/duet/duet.esm.js" | ||
as="script" | ||
crossorigin="anonymous" | ||
/> | ||
<link | ||
rel="preload" | ||
href="https://cdn.jsdelivr.net/npm/@duetds/[email protected].1/dist/duet/duet-date-picker.entry.js" | ||
href="https://cdn.jsdelivr.net/npm/@duetds/[email protected].2/dist/duet/duet-date-picker.entry.js" | ||
as="script" | ||
crossorigin="anonymous" | ||
/> | ||
<link rel="preload" href="/date-picker/themes/default.css" as="style" /> | ||
<link rel="preload" href="/date-picker/themes/dark.css" as="style" /> | ||
<script type="module" src="https://cdn.jsdelivr.net/npm/@duetds/[email protected].1/dist/duet/duet.esm.js"></script> | ||
<script nomodule src="https://cdn.jsdelivr.net/npm/@duetds/[email protected].1/dist/duet/duet.js"></script> | ||
<script type="module" src="https://cdn.jsdelivr.net/npm/@duetds/[email protected].2/dist/duet/duet.esm.js"></script> | ||
<script nomodule src="https://cdn.jsdelivr.net/npm/@duetds/[email protected].2/dist/duet/duet.js"></script> | ||
<link rel="stylesheet" href="/date-picker/themes/default.css" id="theme" /> | ||
<link | ||
rel="stylesheet" | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,6 +1,6 @@ | ||
{ | ||
"name": "@duetds/date-picker", | ||
"version": "1.0.1", | ||
"version": "1.0.2", | ||
"description": "Duet Date Picker is an open source version of Duet Design System’s accessible date picker.", | ||
"author": "LocalTapiola Services Ltd <[email protected]>", | ||
"license": "MIT", | ||
|