nxt-pick-datetime 17.0.1 → 18.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +53 -53
- package/assets/picker.scss +673 -673
- package/esm2022/lib/class/date-time-adapter.class.mjs +1 -1
- package/esm2022/lib/class/date-time-format.class.mjs +1 -1
- package/esm2022/lib/class/date-time.class.mjs +4 -4
- package/esm2022/lib/class/dialog-config.class.mjs +1 -1
- package/esm2022/lib/class/dialog-ref.class.mjs +1 -1
- package/esm2022/lib/date-time/calendar/calendar.component.mjs +5 -5
- package/esm2022/lib/date-time/calendar-body/calendar-body.component.mjs +5 -5
- package/esm2022/lib/date-time/calendar-month-view/calendar-month-view.component.mjs +5 -5
- package/esm2022/lib/date-time/calendar-multi-year-view/calendar-multi-year-view.component.mjs +5 -5
- package/esm2022/lib/date-time/calendar-year-view/calendar-year-view.component.mjs +5 -5
- package/esm2022/lib/date-time/date-time-inline/date-time-inline.component.mjs +5 -5
- package/esm2022/lib/date-time/date-time-picker/date-time-picker.component.mjs +5 -5
- package/esm2022/lib/date-time/date-time-picker-container/date-time-picker-container.animations.mjs +1 -1
- package/esm2022/lib/date-time/date-time-picker-container/date-time-picker-container.component.mjs +5 -5
- package/esm2022/lib/date-time/date-time-picker-input.directive.mjs +4 -4
- package/esm2022/lib/date-time/date-time-picker-intl.service.mjs +4 -4
- package/esm2022/lib/date-time/date-time-picker-trigger.directive.mjs +4 -4
- package/esm2022/lib/date-time/date-time.module.mjs +5 -5
- package/esm2022/lib/date-time/number-fixed-len.pipe.mjs +4 -4
- package/esm2022/lib/date-time/timer/timer.component.mjs +5 -5
- package/esm2022/lib/date-time/timer-box/timer-box.component.mjs +5 -5
- package/esm2022/lib/dialog/dialog-container/dialog-container.component.mjs +5 -5
- package/esm2022/lib/dialog/dialog.module.mjs +5 -5
- package/esm2022/lib/dialog/dialog.service.mjs +4 -4
- package/esm2022/lib/utils/object.mjs +1 -1
- package/esm2022/moment-adapter/date-time-adapter.class.mjs +4 -4
- package/esm2022/moment-adapter/date-time-format.class.mjs +1 -1
- package/esm2022/moment-adapter/moment-adapter.module.mjs +5 -5
- package/esm2022/moment-adapter/public-api.mjs +1 -1
- package/esm2022/native-adapter/date-time-adapter.class.mjs +4 -4
- package/esm2022/native-adapter/date-time-format.class.mjs +1 -1
- package/esm2022/native-adapter/native-adapter.module.mjs +5 -5
- package/esm2022/native-adapter/public-api.mjs +1 -1
- package/esm2022/public-api.mjs +1 -1
- package/fesm2022/nxt-pick-datetime-moment-adapter.mjs +7 -7
- package/fesm2022/nxt-pick-datetime-moment-adapter.mjs.map +1 -1
- package/fesm2022/nxt-pick-datetime-native-adapter.mjs +7 -7
- package/fesm2022/nxt-pick-datetime-native-adapter.mjs.map +1 -1
- package/fesm2022/nxt-pick-datetime.mjs +71 -71
- package/fesm2022/nxt-pick-datetime.mjs.map +1 -1
- package/package.json +8 -8
package/README.md
CHANGED
|
@@ -1,53 +1,53 @@
|
|
|
1
|
-
# Angular date & time picker
|
|
2
|
-
|
|
3
|
-
[](https://github.com/Liquid-JS/nxt-components/blob/master/LICENSE)
|
|
4
|
-
[](https://www.npmjs.com/package/nxt-pick-datetime)
|
|
5
|
-
[](https://www.npmjs.com/package/nxt-pick-datetime)
|
|
6
|
-
|
|
7
|
-
Simple responsive Angular date and time picker.
|
|
8
|
-
|
|
9
|
-
## Quick links
|
|
10
|
-
|
|
11
|
-
- [Demo](https://liquid-js.github.io/nxt-components/demo/pick-datetime)
|
|
12
|
-
- [Getting started](https://liquid-js.github.io/nxt-components/demo/pick-datetime/getting-started)
|
|
13
|
-
- [Accessibility](https://liquid-js.github.io/nxt-components/demo/pick-datetime/accessibility)
|
|
14
|
-
- [Validation](https://liquid-js.github.io/nxt-components/demo/pick-datetime/validation)
|
|
15
|
-
- [Custom date adapter](https://liquid-js.github.io/nxt-components/demo/pick-datetime/custom-adapter)
|
|
16
|
-
- [API docs](https://liquid-js.github.io/nxt-components/nxt-pick-datetime)
|
|
17
|
-
|
|
18
|
-
### Installing
|
|
19
|
-
|
|
20
|
-
```sh
|
|
21
|
-
npm install --save nxt-pick-datetime
|
|
22
|
-
npm install --save moment # if you want to use MomentDateTimeModule
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
### Import main module and DateTime adapter provider
|
|
26
|
-
|
|
27
|
-
The date & time picker was built to be date implementation agnostic. It comes with two modules providing date adapter implementation, or you can provide your own adapter by implementing `DateTimeAdapter` (see [documentation](https://liquid-js.github.io/nxt-components/demo/pick-datetime/custom-adapter)).
|
|
28
|
-
|
|
29
|
-
- `NativeDateTimeModule` - support for native JavaScript Date object
|
|
30
|
-
- `MomentDateTimeModule` - support for MomentJs
|
|
31
|
-
|
|
32
|
-
```ts
|
|
33
|
-
import { DateTimeModule } from 'nxt-pick-datetime'
|
|
34
|
-
import { NativeDateTimeModule } from 'nxt-pick-datetime/native-adapter'
|
|
35
|
-
|
|
36
|
-
@NgModule({
|
|
37
|
-
...
|
|
38
|
-
imports: [
|
|
39
|
-
...
|
|
40
|
-
DateTimeModule,
|
|
41
|
-
NativeDateTimeModule
|
|
42
|
-
]
|
|
43
|
-
})
|
|
44
|
-
```
|
|
45
|
-
|
|
46
|
-
### Use it in a template
|
|
47
|
-
|
|
48
|
-
```html
|
|
49
|
-
<input [nxtDateTime]="picker"
|
|
50
|
-
[nxtDateTimeTrigger]="picker"
|
|
51
|
-
placeholder="Date and time">
|
|
52
|
-
<nxt-date-time #picker></nxt-date-time>
|
|
53
|
-
```
|
|
1
|
+
# Angular date & time picker
|
|
2
|
+
|
|
3
|
+
[](https://github.com/Liquid-JS/nxt-components/blob/master/LICENSE)
|
|
4
|
+
[](https://www.npmjs.com/package/nxt-pick-datetime)
|
|
5
|
+
[](https://www.npmjs.com/package/nxt-pick-datetime)
|
|
6
|
+
|
|
7
|
+
Simple responsive Angular date and time picker.
|
|
8
|
+
|
|
9
|
+
## Quick links
|
|
10
|
+
|
|
11
|
+
- [Demo](https://liquid-js.github.io/nxt-components/demo/pick-datetime)
|
|
12
|
+
- [Getting started](https://liquid-js.github.io/nxt-components/demo/pick-datetime/getting-started)
|
|
13
|
+
- [Accessibility](https://liquid-js.github.io/nxt-components/demo/pick-datetime/accessibility)
|
|
14
|
+
- [Validation](https://liquid-js.github.io/nxt-components/demo/pick-datetime/validation)
|
|
15
|
+
- [Custom date adapter](https://liquid-js.github.io/nxt-components/demo/pick-datetime/custom-adapter)
|
|
16
|
+
- [API docs](https://liquid-js.github.io/nxt-components/nxt-pick-datetime)
|
|
17
|
+
|
|
18
|
+
### Installing
|
|
19
|
+
|
|
20
|
+
```sh
|
|
21
|
+
npm install --save nxt-pick-datetime
|
|
22
|
+
npm install --save moment # if you want to use MomentDateTimeModule
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
### Import main module and DateTime adapter provider
|
|
26
|
+
|
|
27
|
+
The date & time picker was built to be date implementation agnostic. It comes with two modules providing date adapter implementation, or you can provide your own adapter by implementing `DateTimeAdapter` (see [documentation](https://liquid-js.github.io/nxt-components/demo/pick-datetime/custom-adapter)).
|
|
28
|
+
|
|
29
|
+
- `NativeDateTimeModule` - support for native JavaScript Date object
|
|
30
|
+
- `MomentDateTimeModule` - support for MomentJs
|
|
31
|
+
|
|
32
|
+
```ts
|
|
33
|
+
import { DateTimeModule } from 'nxt-pick-datetime'
|
|
34
|
+
import { NativeDateTimeModule } from 'nxt-pick-datetime/native-adapter'
|
|
35
|
+
|
|
36
|
+
@NgModule({
|
|
37
|
+
...
|
|
38
|
+
imports: [
|
|
39
|
+
...
|
|
40
|
+
DateTimeModule,
|
|
41
|
+
NativeDateTimeModule
|
|
42
|
+
]
|
|
43
|
+
})
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
### Use it in a template
|
|
47
|
+
|
|
48
|
+
```html
|
|
49
|
+
<input [nxtDateTime]="picker"
|
|
50
|
+
[nxtDateTimeTrigger]="picker"
|
|
51
|
+
placeholder="Date and time">
|
|
52
|
+
<nxt-date-time #picker></nxt-date-time>
|
|
53
|
+
```
|