@entur/datepicker 0.11.2 → 0.11.3
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/CHANGELOG.md +10 -0
- package/dist/DatePicker.d.ts +32 -10
- package/dist/datepicker.cjs.development.js +39 -20
- package/dist/datepicker.cjs.development.js.map +1 -1
- package/dist/datepicker.cjs.production.min.js +1 -1
- package/dist/datepicker.cjs.production.min.js.map +1 -1
- package/dist/datepicker.esm.js +39 -20
- package/dist/datepicker.esm.js.map +1 -1
- package/dist/styles.css +96 -96
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
--eds-datepicker: 1;
|
|
3
|
-
}@charset "UTF-8";
|
|
1
|
+
@charset "UTF-8";
|
|
4
2
|
/* DO NOT CHANGE!*/
|
|
5
3
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
6
4
|
.react-datepicker__navigation-icon::before,
|
|
@@ -826,99 +824,8 @@
|
|
|
826
824
|
.react-datepicker__portal .react-datepicker__current-month,
|
|
827
825
|
.react-datepicker__portal .react-datepicker-time__header {
|
|
828
826
|
font-size: 1.44rem;
|
|
829
|
-
}
|
|
830
|
-
|
|
831
|
-
.react-datepicker.eds-timepicker.react-datepicker--time-only {
|
|
832
|
-
width: 100%;
|
|
833
|
-
}
|
|
834
|
-
.react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time-container {
|
|
835
|
-
float: left;
|
|
836
|
-
overflow-x: hidden;
|
|
837
|
-
width: inherit;
|
|
838
|
-
}
|
|
839
|
-
.react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time-box {
|
|
840
|
-
border-radius: 0;
|
|
841
|
-
width: inherit;
|
|
842
|
-
}
|
|
843
|
-
.react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__header--time {
|
|
844
|
-
display: none;
|
|
845
|
-
}
|
|
846
|
-
.eds-contrast .eds-form-control-wrapper--dark .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time-container {
|
|
847
|
-
background-color: #ffffff;
|
|
848
|
-
}
|
|
849
|
-
.react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list {
|
|
850
|
-
font-family: var(--eds-font-family);
|
|
851
|
-
color: #181c56;
|
|
852
|
-
background-color: #ffffff;
|
|
853
|
-
}
|
|
854
|
-
.react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item {
|
|
855
|
-
align-items: center;
|
|
856
|
-
box-sizing: border-box;
|
|
857
|
-
border-bottom: 0.125rem solid #e9e9e9;
|
|
858
|
-
display: flex;
|
|
859
|
-
font-size: 1rem;
|
|
860
|
-
height: 2rem;
|
|
861
|
-
justify-content: center;
|
|
862
|
-
line-height: 1.25rem;
|
|
863
|
-
padding: calc(0.25rem/ 2) 1rem;
|
|
864
|
-
}
|
|
865
|
-
.react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item:hover {
|
|
866
|
-
background-color: #aeb7e2;
|
|
867
|
-
}
|
|
868
|
-
.eds-contrast .eds-form-control-wrapper--dark .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item {
|
|
869
|
-
color: #181c56;
|
|
870
|
-
background-color: #ffffff;
|
|
871
|
-
}
|
|
872
|
-
.eds-contrast .eds-form-control-wrapper--dark .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item:hover {
|
|
873
|
-
background-color: #aeb7e2;
|
|
874
|
-
}
|
|
875
|
-
.react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--selected {
|
|
876
|
-
color: #ffffff;
|
|
877
|
-
background-color: #181c56;
|
|
878
|
-
}
|
|
879
|
-
.react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--selected:hover {
|
|
880
|
-
background-color: #292b6a;
|
|
881
|
-
}
|
|
882
|
-
.eds-contrast .eds-form-control-wrapper--dark .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--selected {
|
|
883
|
-
color: #ffffff;
|
|
884
|
-
background-color: #181c56;
|
|
885
|
-
}
|
|
886
|
-
|
|
887
|
-
.eds-timepicker-form-control.eds-form-control-wrapper {
|
|
888
|
-
height: 2rem;
|
|
889
|
-
}
|
|
890
|
-
.eds-timepicker-form-control.eds-form-control-wrapper .eds-timepicker__input {
|
|
891
|
-
padding-left: 0;
|
|
892
|
-
padding-right: 0;
|
|
893
|
-
}
|
|
894
|
-
.eds-timepicker-form-control.eds-form-control-wrapper .eds-input-group__label {
|
|
895
|
-
margin-left: 0 !important;
|
|
896
|
-
}
|
|
897
|
-
.eds-timepicker-form-control.eds-form-control-wrapper .eds-form-control__prepend {
|
|
898
|
-
margin-left: 0;
|
|
899
|
-
}
|
|
900
|
-
.eds-timepicker-form-control.eds-form-control-wrapper .eds-timepicker__arrowbutton {
|
|
901
|
-
appearance: none;
|
|
902
|
-
border: none;
|
|
903
|
-
border-radius: 0.0625rem;
|
|
904
|
-
background: #ffffff;
|
|
905
|
-
color: #181c56;
|
|
906
|
-
cursor: pointer;
|
|
907
|
-
display: flex;
|
|
908
|
-
font-size: 1rem;
|
|
909
|
-
padding: calc(1rem - 0.25rem);
|
|
910
|
-
margin: 0.25rem;
|
|
911
|
-
margin-left: 0.125rem;
|
|
912
|
-
}
|
|
913
|
-
.eds-timepicker-form-control.eds-form-control-wrapper .eds-timepicker__arrowbutton--right {
|
|
914
|
-
margin-right: 0.125rem;
|
|
915
|
-
margin-left: 0.25rem;
|
|
916
|
-
}
|
|
917
|
-
.eds-timepicker-form-control.eds-form-control-wrapper .eds-timepicker__arrowbutton:hover {
|
|
918
|
-
background-color: #d1d4e3;
|
|
919
|
-
}
|
|
920
|
-
.eds-timepicker-form-control.eds-form-control-wrapper .eds-timepicker__arrowbutton:focus {
|
|
921
|
-
outline-offset: none;
|
|
827
|
+
}:root {
|
|
828
|
+
--eds-datepicker: 1;
|
|
922
829
|
}/* DO NOT CHANGE!*/
|
|
923
830
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
924
831
|
.eds-datepicker__calender {
|
|
@@ -1174,4 +1081,97 @@
|
|
|
1174
1081
|
|
|
1175
1082
|
.eds-native-date-picker {
|
|
1176
1083
|
height: 2.75rem;
|
|
1084
|
+
}/* DO NOT CHANGE!*/
|
|
1085
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1086
|
+
.react-datepicker.eds-timepicker.react-datepicker--time-only {
|
|
1087
|
+
width: 100%;
|
|
1088
|
+
}
|
|
1089
|
+
.react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time-container {
|
|
1090
|
+
float: left;
|
|
1091
|
+
overflow-x: hidden;
|
|
1092
|
+
width: inherit;
|
|
1093
|
+
}
|
|
1094
|
+
.react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time-box {
|
|
1095
|
+
border-radius: 0;
|
|
1096
|
+
width: inherit;
|
|
1097
|
+
}
|
|
1098
|
+
.react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__header--time {
|
|
1099
|
+
display: none;
|
|
1100
|
+
}
|
|
1101
|
+
.eds-contrast .eds-form-control-wrapper--dark .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time-container {
|
|
1102
|
+
background-color: #ffffff;
|
|
1103
|
+
}
|
|
1104
|
+
.react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list {
|
|
1105
|
+
font-family: var(--eds-font-family);
|
|
1106
|
+
color: #181c56;
|
|
1107
|
+
background-color: #ffffff;
|
|
1108
|
+
}
|
|
1109
|
+
.react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item {
|
|
1110
|
+
align-items: center;
|
|
1111
|
+
box-sizing: border-box;
|
|
1112
|
+
border-bottom: 0.125rem solid #e9e9e9;
|
|
1113
|
+
display: flex;
|
|
1114
|
+
font-size: 1rem;
|
|
1115
|
+
height: 2rem;
|
|
1116
|
+
justify-content: center;
|
|
1117
|
+
line-height: 1.25rem;
|
|
1118
|
+
padding: calc(0.25rem/ 2) 1rem;
|
|
1119
|
+
}
|
|
1120
|
+
.react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item:hover {
|
|
1121
|
+
background-color: #aeb7e2;
|
|
1122
|
+
}
|
|
1123
|
+
.eds-contrast .eds-form-control-wrapper--dark .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item {
|
|
1124
|
+
color: #181c56;
|
|
1125
|
+
background-color: #ffffff;
|
|
1126
|
+
}
|
|
1127
|
+
.eds-contrast .eds-form-control-wrapper--dark .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item:hover {
|
|
1128
|
+
background-color: #aeb7e2;
|
|
1129
|
+
}
|
|
1130
|
+
.react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--selected {
|
|
1131
|
+
color: #ffffff;
|
|
1132
|
+
background-color: #181c56;
|
|
1133
|
+
}
|
|
1134
|
+
.react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--selected:hover {
|
|
1135
|
+
background-color: #292b6a;
|
|
1136
|
+
}
|
|
1137
|
+
.eds-contrast .eds-form-control-wrapper--dark .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--selected {
|
|
1138
|
+
color: #ffffff;
|
|
1139
|
+
background-color: #181c56;
|
|
1140
|
+
}
|
|
1141
|
+
|
|
1142
|
+
.eds-timepicker-form-control.eds-form-control-wrapper {
|
|
1143
|
+
height: 2rem;
|
|
1144
|
+
}
|
|
1145
|
+
.eds-timepicker-form-control.eds-form-control-wrapper .eds-timepicker__input {
|
|
1146
|
+
padding-left: 0;
|
|
1147
|
+
padding-right: 0;
|
|
1148
|
+
}
|
|
1149
|
+
.eds-timepicker-form-control.eds-form-control-wrapper .eds-input-group__label {
|
|
1150
|
+
margin-left: 0 !important;
|
|
1151
|
+
}
|
|
1152
|
+
.eds-timepicker-form-control.eds-form-control-wrapper .eds-form-control__prepend {
|
|
1153
|
+
margin-left: 0;
|
|
1154
|
+
}
|
|
1155
|
+
.eds-timepicker-form-control.eds-form-control-wrapper .eds-timepicker__arrowbutton {
|
|
1156
|
+
appearance: none;
|
|
1157
|
+
border: none;
|
|
1158
|
+
border-radius: 0.0625rem;
|
|
1159
|
+
background: #ffffff;
|
|
1160
|
+
color: #181c56;
|
|
1161
|
+
cursor: pointer;
|
|
1162
|
+
display: flex;
|
|
1163
|
+
font-size: 1rem;
|
|
1164
|
+
padding: calc(1rem - 0.25rem);
|
|
1165
|
+
margin: 0.25rem;
|
|
1166
|
+
margin-left: 0.125rem;
|
|
1167
|
+
}
|
|
1168
|
+
.eds-timepicker-form-control.eds-form-control-wrapper .eds-timepicker__arrowbutton--right {
|
|
1169
|
+
margin-right: 0.125rem;
|
|
1170
|
+
margin-left: 0.25rem;
|
|
1171
|
+
}
|
|
1172
|
+
.eds-timepicker-form-control.eds-form-control-wrapper .eds-timepicker__arrowbutton:hover {
|
|
1173
|
+
background-color: #d1d4e3;
|
|
1174
|
+
}
|
|
1175
|
+
.eds-timepicker-form-control.eds-form-control-wrapper .eds-timepicker__arrowbutton:focus {
|
|
1176
|
+
outline-offset: none;
|
|
1177
1177
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/datepicker",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.3",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/datepicker.esm.js",
|
|
@@ -36,5 +36,5 @@
|
|
|
36
36
|
"classnames": "^2.3.1",
|
|
37
37
|
"react-datepicker": "4.6.0"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "bf9c14526f7c44eab1cfc5e49f746edd14f29779"
|
|
40
40
|
}
|