@oneluiz/dual-datepicker 1.0.0 → 1.0.2
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
CHANGED
|
@@ -12,7 +12,8 @@ A beautiful, customizable dual-calendar date range picker for Angular 17+. Built
|
|
|
12
12
|
- 🎨 **Fully Customizable** - Color scheme, padding, and styling
|
|
13
13
|
- ⚡ **Preset Ranges** - Configurable quick-select options
|
|
14
14
|
- 🎯 **Standalone Component** - No module imports required
|
|
15
|
-
-
|
|
15
|
+
- � **Zero Dependencies** - No Bootstrap or other CSS frameworks required
|
|
16
|
+
- �📱 **Responsive Design** - Works on desktop and mobile
|
|
16
17
|
- 🌐 **TypeScript** - Full type safety
|
|
17
18
|
- ♿ **Accessible** - Keyboard navigation and ARIA labels
|
|
18
19
|
- 🎭 **Flexible Behavior** - Control when the picker closes
|
|
@@ -255,6 +256,8 @@ export class ExampleComponent {
|
|
|
255
256
|
|
|
256
257
|
- Angular 17.0.0 or higher
|
|
257
258
|
- Angular 18.0.0 or higher
|
|
259
|
+
- Angular 19.0.0 or higher
|
|
260
|
+
- Angular 20.0.0 or higher
|
|
258
261
|
|
|
259
262
|
## 📄 License
|
|
260
263
|
|
|
@@ -4,6 +4,18 @@
|
|
|
4
4
|
width: 100%;
|
|
5
5
|
|
|
6
6
|
.datepicker-input {
|
|
7
|
+
display: block;
|
|
8
|
+
width: 100%;
|
|
9
|
+
padding: 0.375rem 0.75rem;
|
|
10
|
+
font-size: 1rem;
|
|
11
|
+
font-weight: 400;
|
|
12
|
+
line-height: 1.5;
|
|
13
|
+
color: #495057;
|
|
14
|
+
background-color: #fff;
|
|
15
|
+
background-clip: padding-box;
|
|
16
|
+
border: 1px solid #ced4da;
|
|
17
|
+
border-radius: 0.25rem;
|
|
18
|
+
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
|
7
19
|
cursor: pointer;
|
|
8
20
|
|
|
9
21
|
&:hover {
|
|
@@ -15,6 +27,17 @@
|
|
|
15
27
|
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
|
|
16
28
|
outline: 0;
|
|
17
29
|
}
|
|
30
|
+
|
|
31
|
+
&::placeholder {
|
|
32
|
+
color: #6c757d;
|
|
33
|
+
opacity: 1;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
&:disabled,
|
|
37
|
+
&[readonly] {
|
|
38
|
+
background-color: #e9ecef;
|
|
39
|
+
opacity: 1;
|
|
40
|
+
}
|
|
18
41
|
}
|
|
19
42
|
}
|
|
20
43
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oneluiz/dual-datepicker",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"description": "A customizable dual-calendar date range picker component for Angular 17+",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -24,9 +24,9 @@
|
|
|
24
24
|
},
|
|
25
25
|
"homepage": "https://github.com/oneluiz/ng-dual-datepicker#readme",
|
|
26
26
|
"peerDependencies": {
|
|
27
|
-
"@angular/common": "^17.0.0 || ^18.0.0",
|
|
28
|
-
"@angular/core": "^17.0.0 || ^18.0.0",
|
|
29
|
-
"@angular/forms": "^17.0.0 || ^18.0.0"
|
|
27
|
+
"@angular/common": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",
|
|
28
|
+
"@angular/core": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",
|
|
29
|
+
"@angular/forms": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0"
|
|
30
30
|
},
|
|
31
31
|
"main": "./dist/index.js",
|
|
32
32
|
"module": "./dist/index.esm.js",
|