ngx-animating-datepicker 1.2.0 → 2.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 +33 -1
- package/fesm2022/ngx-animating-datepicker.mjs +1534 -0
- package/fesm2022/ngx-animating-datepicker.mjs.map +1 -0
- package/package.json +32 -17
- package/types/ngx-animating-datepicker.d.ts +551 -0
- package/bundles/ngx-animating-datepicker.umd.js +0 -2594
- package/bundles/ngx-animating-datepicker.umd.js.map +0 -1
- package/bundles/ngx-animating-datepicker.umd.min.js +0 -2
- package/bundles/ngx-animating-datepicker.umd.min.js.map +0 -1
- package/esm2015/lib/components/animatepicker/animatepicker.component.js +0 -468
- package/esm2015/lib/components/datepicker/datepicker.component.js +0 -703
- package/esm2015/lib/components/datepicker/datepicker.directive.js +0 -408
- package/esm2015/lib/components/datepicker/datepicker.options.js +0 -41
- package/esm2015/lib/components/navigation/navigation.component.js +0 -233
- package/esm2015/lib/components/sub-navigation/sub-navigation.component.js +0 -48
- package/esm2015/lib/models/datepicker-options.model.js +0 -35
- package/esm2015/lib/models/datepicker.model.js +0 -75
- package/esm2015/lib/models/directive-options.model.js +0 -19
- package/esm2015/lib/ngx-animating-datepicker.module.js +0 -35
- package/esm2015/lib/services/datepicker.service.js +0 -161
- package/esm2015/lib/services/utilities.service.js +0 -56
- package/esm2015/ngx-animating-datepicker.js +0 -13
- package/esm2015/public_api.js +0 -8
- package/esm5/lib/components/animatepicker/animatepicker.component.js +0 -574
- package/esm5/lib/components/datepicker/datepicker.component.js +0 -928
- package/esm5/lib/components/datepicker/datepicker.directive.js +0 -499
- package/esm5/lib/components/datepicker/datepicker.options.js +0 -41
- package/esm5/lib/components/navigation/navigation.component.js +0 -298
- package/esm5/lib/components/sub-navigation/sub-navigation.component.js +0 -48
- package/esm5/lib/models/datepicker-options.model.js +0 -35
- package/esm5/lib/models/datepicker.model.js +0 -75
- package/esm5/lib/models/directive-options.model.js +0 -19
- package/esm5/lib/ngx-animating-datepicker.module.js +0 -39
- package/esm5/lib/services/datepicker.service.js +0 -307
- package/esm5/lib/services/utilities.service.js +0 -73
- package/esm5/ngx-animating-datepicker.js +0 -13
- package/esm5/public_api.js +0 -8
- package/fesm2015/ngx-animating-datepicker.js +0 -1886
- package/fesm2015/ngx-animating-datepicker.js.map +0 -1
- package/fesm5/ngx-animating-datepicker.js +0 -2529
- package/fesm5/ngx-animating-datepicker.js.map +0 -1
- package/lib/components/animatepicker/animatepicker.component.d.ts +0 -112
- package/lib/components/datepicker/datepicker.component.d.ts +0 -191
- package/lib/components/datepicker/datepicker.directive.d.ts +0 -92
- package/lib/components/datepicker/datepicker.options.d.ts +0 -20
- package/lib/components/navigation/navigation.component.d.ts +0 -52
- package/lib/components/sub-navigation/sub-navigation.component.d.ts +0 -8
- package/lib/models/datepicker-options.model.d.ts +0 -14
- package/lib/models/datepicker.model.d.ts +0 -29
- package/lib/models/directive-options.model.d.ts +0 -6
- package/lib/ngx-animating-datepicker.module.d.ts +0 -2
- package/lib/services/datepicker.service.d.ts +0 -77
- package/lib/services/utilities.service.d.ts +0 -12
- package/ngx-animating-datepicker.d.ts +0 -8
- package/ngx-animating-datepicker.metadata.json +0 -1
- package/public_api.d.ts +0 -5
package/README.md
CHANGED
|
@@ -1,7 +1,19 @@
|
|
|
1
1
|
# Animating Angular Datepicker
|
|
2
2
|
An Animating Datepicker for Angular 2+. For some smooth date picking :). Including range functionality, multiple calendars next to each other and loads of other functionality. Checkout the [Demo page](http://zigterman.com/datepicker) for a preview.
|
|
3
3
|
|
|
4
|
-
Want
|
|
4
|
+
Want an improvement or found bug? please use the pull request functionality or create an issue.
|
|
5
|
+
|
|
6
|
+
#### Some existing- and upcoming features
|
|
7
|
+
- [x] Directive
|
|
8
|
+
- [x] Reactive Forms Support
|
|
9
|
+
- [x] Multiple Calendars next to each other
|
|
10
|
+
- [x] Composable footer
|
|
11
|
+
- [x] Themable
|
|
12
|
+
- [x] Multi Languages support using Intl.DateTimeFormat
|
|
13
|
+
- [x] Animations
|
|
14
|
+
- [ ] i18n
|
|
15
|
+
- [ ] Keyboard control
|
|
16
|
+
- [ ] ...
|
|
5
17
|
|
|
6
18
|
## Installation
|
|
7
19
|
|
|
@@ -104,6 +116,26 @@ All the above @Input's() can be used with the directive implementation as well.
|
|
|
104
116
|
@Input() openDirection = 'bottom' // 'top', 'left', 'right', 'bottom'
|
|
105
117
|
@Input() closeOnBlur = true; // Close datepicker on blur
|
|
106
118
|
```
|
|
119
|
+
|
|
120
|
+
### Outputs
|
|
121
|
+
|
|
122
|
+
The following output is available for Animatepicker:
|
|
123
|
+
|
|
124
|
+
```ts
|
|
125
|
+
@Output() navigate: EventEmitter<YearMonth[]>; // Emits year and month of each visible month when navigation changes
|
|
126
|
+
```
|
|
127
|
+
|
|
128
|
+
### Composing
|
|
129
|
+
You can add a footer to the datepicker by adding a `<footer>` element between the tags.
|
|
130
|
+
|
|
131
|
+
```html
|
|
132
|
+
<aa-animatepicker
|
|
133
|
+
[options]="datepickerOptions"
|
|
134
|
+
[(selectedDates)]="dates">
|
|
135
|
+
<footer (click)="someLogic()">put your logic here</footer>
|
|
136
|
+
</aa-animatepicker>
|
|
137
|
+
```
|
|
138
|
+
|
|
107
139
|
### Regular Datepicker Component
|
|
108
140
|
The Animatepicker is an extension of the regular datepicker component. Don't want all that fancy animations? Then this is exactly what you need. Use `aa-datepicker` to implement in your component
|
|
109
141
|
|