albinasoft-ui-package 1.0.77 → 1.0.78

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.
Files changed (2) hide show
  1. package/dist/assets/css/custom-datetime-picker.css +171 -157
  2. package/package.json +1 -1
package/dist/assets/css/custom-datetime-picker.css CHANGED
@@ -1,13 +1,11 @@
1
- /* Genel Ayarlar */
2
1
  .react-datepicker-popper {
3
2
  z-index: 5;
4
3
  }
5
4
 
6
- .react-datepicker__navigation-icon::before,
7
- .react-datepicker__year-read-view--down-arrow,
5
+ .react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
8
6
  .react-datepicker__month-read-view--down-arrow,
9
7
  .react-datepicker__month-year-read-view--down-arrow {
10
- border-color: var(--bs-border-color);
8
+ border-color: #ccc;
11
9
  border-style: solid;
12
10
  border-width: 3px 3px 0 0;
13
11
  content: "";
@@ -25,18 +23,17 @@
25
23
  }
26
24
 
27
25
  .react-datepicker {
28
- font-family: var(--bs-body-font-family, "Helvetica Neue", Helvetica, Arial, sans-serif);
26
+ font-family: "Helvetica Neue", helvetica, arial, sans-serif;
29
27
  font-size: 0.8rem;
30
- background-color: var(--bs-body-bg);
31
- color: var(--bs-body-color);
32
- border: 1px solid var(--bs-border-color);
33
- border-radius: var(--bs-border-radius);
28
+ background-color: #fff;
29
+ color: #000;
30
+ border: 1px solid #aeaeae;
31
+ border-radius: 0.3rem;
34
32
  display: inline-block;
35
33
  position: relative;
36
34
  line-height: initial;
37
35
  }
38
36
 
39
- /* Zaman Seçimi */
40
37
  .react-datepicker--time-only .react-datepicker__time-container {
41
38
  border-left: 0;
42
39
  }
@@ -51,23 +48,22 @@
51
48
  line-height: 0;
52
49
  }
53
50
  .react-datepicker-popper .react-datepicker__triangle {
54
- stroke: var(--bs-border-color);
51
+ stroke: #aeaeae;
55
52
  }
56
- .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
57
- fill: var(--bs-light-bg-subtle);
58
- color: var(--bs-light-bg-subtle);
53
+ .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
54
+ fill: #f0f0f0;
55
+ color: #f0f0f0;
59
56
  }
60
- .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
61
- fill: var(--bs-white);
62
- color: var(--bs-white);
57
+ .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
58
+ fill: #fff;
59
+ color: #fff;
63
60
  }
64
61
 
65
- /* Header */
66
62
  .react-datepicker__header {
67
63
  text-align: center;
68
- background-color: var(--bs-light-bg-subtle);
69
- border-bottom: 1px solid var(--bs-border-color);
70
- border-top-left-radius: var(--bs-border-radius);
64
+ background-color: #f0f0f0;
65
+ border-bottom: 1px solid #aeaeae;
66
+ border-top-left-radius: 0.3rem;
71
67
  padding: 8px 0;
72
68
  position: relative;
73
69
  }
@@ -83,7 +79,6 @@
83
79
  border-top-right-radius: 0.3rem;
84
80
  }
85
81
 
86
- /* Dropdown Container */
87
82
  .react-datepicker__year-dropdown-container--select,
88
83
  .react-datepicker__month-dropdown-container--select,
89
84
  .react-datepicker__month-year-dropdown-container--select,
@@ -94,12 +89,11 @@
94
89
  margin: 0 15px;
95
90
  }
96
91
 
97
- /* Başlık Metinleri */
98
92
  .react-datepicker__current-month,
99
93
  .react-datepicker-time__header,
100
94
  .react-datepicker-year-header {
101
95
  margin-top: 0;
102
- color: var(--bs-body-color);
96
+ color: #000;
103
97
  font-weight: bold;
104
98
  font-size: 0.944rem;
105
99
  }
@@ -115,7 +109,6 @@ h2.react-datepicker__current-month {
115
109
  overflow: hidden;
116
110
  }
117
111
 
118
- /* Navigasyon */
119
112
  .react-datepicker__navigation {
120
113
  align-items: center;
121
114
  background: none;
@@ -156,8 +149,9 @@ h2.react-datepicker__current-month {
156
149
  top: -4px;
157
150
  }
158
151
  .react-datepicker__navigation:hover *::before {
159
- border-color: var(--bs-nav-hover-border, rgb(165, 165, 165));
152
+ border-color: rgb(165.75, 165.75, 165.75);
160
153
  }
154
+
161
155
  .react-datepicker__navigation-icon {
162
156
  position: relative;
163
157
  top: -1px;
@@ -179,7 +173,6 @@ h2.react-datepicker__current-month {
179
173
  right: -7px;
180
174
  }
181
175
 
182
- /* Yıl & Ay */
183
176
  .react-datepicker__month-container {
184
177
  float: left;
185
178
  }
@@ -210,7 +203,6 @@ h2.react-datepicker__current-month {
210
203
  margin: 2px;
211
204
  }
212
205
 
213
- /* Zaman Girişi */
214
206
  .react-datepicker__input-time-container {
215
207
  clear: both;
216
208
  width: 100%;
@@ -244,15 +236,15 @@ h2.react-datepicker__current-month {
244
236
  display: inline-block;
245
237
  }
246
238
 
247
- /* Zaman Kutucuğu */
248
239
  .react-datepicker__time-container {
249
240
  float: right;
250
- border-left: 1px solid var(--bs-border-color);
241
+ border-left: 1px solid #aeaeae;
251
242
  width: 85px;
252
243
  }
244
+
253
245
  .react-datepicker__time-container--with-today-button {
254
246
  display: inline;
255
- border: 1px solid var(--bs-border-color);
247
+ border: 1px solid #aeaeae;
256
248
  border-radius: 0.3rem;
257
249
  position: absolute;
258
250
  right: -87px;
@@ -260,7 +252,7 @@ h2.react-datepicker__current-month {
260
252
  }
261
253
  .react-datepicker__time-container .react-datepicker__time {
262
254
  position: relative;
263
- background: var(--bs-white, #fff);
255
+ background: white;
264
256
  border-bottom-right-radius: 0.3rem;
265
257
  }
266
258
  .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
@@ -287,27 +279,26 @@ h2.react-datepicker__current-month {
287
279
  }
288
280
  .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
289
281
  cursor: pointer;
290
- background-color: var(--bs-light-hover-bg, #f0f0f0);
282
+ background-color: #f0f0f0;
291
283
  }
292
284
  .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
293
- background-color: var(--bs-primary, #216ba5);
294
- color: var(--bs-white, #fff);
285
+ background-color: #216ba5;
286
+ color: white;
295
287
  font-weight: bold;
296
288
  }
297
289
  .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
298
- background-color: var(--bs-primary, #216ba5);
290
+ background-color: #216ba5;
299
291
  }
300
292
  .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
301
- color: var(--bs-gray-300, #ccc);
293
+ color: #ccc;
302
294
  }
303
295
  .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
304
296
  cursor: default;
305
297
  background-color: transparent;
306
298
  }
307
299
 
308
- /* Hafta Numarası */
309
300
  .react-datepicker__week-number {
310
- color: var(--bs-gray-300, #ccc);
301
+ color: #ccc;
311
302
  display: inline-block;
312
303
  width: 1.7rem;
313
304
  line-height: 1.7rem;
@@ -319,43 +310,50 @@ h2.react-datepicker__current-month {
319
310
  }
320
311
  .react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
321
312
  border-radius: 0.3rem;
322
- background-color: var(--bs-light-hover-bg, #f0f0f0);
313
+ background-color: #f0f0f0;
323
314
  }
324
315
  .react-datepicker__week-number--selected {
325
316
  border-radius: 0.3rem;
326
- background-color: var(--bs-primary, #216ba5);
327
- color: var(--bs-white, #fff);
317
+ background-color: #216ba5;
318
+ color: #fff;
328
319
  }
329
320
  .react-datepicker__week-number--selected:hover {
330
- background-color: var(--bs-primary-hover-bg, var(--bs-primary, rgb(28,93,144)));
321
+ background-color: rgb(28.75, 93.2196969697, 143.75);
322
+ }
323
+
324
+ .react-datepicker__day-names {
325
+ white-space: nowrap;
326
+ margin-bottom: -8px;
327
+ }
328
+
329
+ .react-datepicker__week {
330
+ white-space: nowrap;
331
331
  }
332
332
 
333
- /* Gün, Ay, Yıl */
334
333
  .react-datepicker__day-name,
335
334
  .react-datepicker__day,
336
335
  .react-datepicker__time-name {
337
- color: var(--bs-body-color, #000);
336
+ color: #000;
338
337
  display: inline-block;
339
338
  width: 1.7rem;
340
339
  line-height: 1.7rem;
341
340
  text-align: center;
342
341
  margin: 0.166rem;
343
342
  }
343
+
344
344
  .react-datepicker__day,
345
345
  .react-datepicker__month-text,
346
346
  .react-datepicker__quarter-text,
347
347
  .react-datepicker__year-text {
348
348
  cursor: pointer;
349
349
  }
350
- .react-datepicker__day:not([aria-disabled="true"]):hover,
351
- .react-datepicker__month-text:not([aria-disabled="true"]):hover,
352
- .react-datepicker__quarter-text:not([aria-disabled="true"]):hover,
353
- .react-datepicker__year-text:not([aria-disabled="true"]):hover {
354
- border-radius: var(--bs-border-radius);
355
- background-color: var(--bs-light-hover-bg, #f0f0f0);
350
+ .react-datepicker__day:not([aria-disabled=true]):hover,
351
+ .react-datepicker__month-text:not([aria-disabled=true]):hover,
352
+ .react-datepicker__quarter-text:not([aria-disabled=true]):hover,
353
+ .react-datepicker__year-text:not([aria-disabled=true]):hover {
354
+ border-radius: 0.3rem;
355
+ background-color: #f0f0f0;
356
356
  }
357
-
358
- /* Bugün & Seçili */
359
357
  .react-datepicker__day--today,
360
358
  .react-datepicker__month-text--today,
361
359
  .react-datepicker__quarter-text--today,
@@ -367,39 +365,35 @@ h2.react-datepicker__current-month {
367
365
  .react-datepicker__quarter-text--highlighted,
368
366
  .react-datepicker__year-text--highlighted {
369
367
  border-radius: 0.3rem;
370
- background-color: var(--bs-success, #3dcc4a);
371
- color: var(--bs-white, #fff);
368
+ background-color: #3dcc4a;
369
+ color: #fff;
372
370
  }
373
- .react-datepicker__day--highlighted:not([aria-disabled="true"]):hover,
374
- .react-datepicker__month-text--highlighted:not([aria-disabled="true"]):hover,
375
- .react-datepicker__quarter-text--highlighted:not([aria-disabled="true"]):hover,
376
- .react-datepicker__year-text--highlighted:not([aria-disabled="true"]):hover {
377
- background-color: var(--bs-success-hover-bg, rgb(50,190,63));
371
+ .react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
372
+ .react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
373
+ .react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
374
+ .react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
375
+ background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
378
376
  }
379
-
380
- /* Özel Highlight Renkleri */
381
377
  .react-datepicker__day--highlighted-custom-1,
382
378
  .react-datepicker__month-text--highlighted-custom-1,
383
379
  .react-datepicker__quarter-text--highlighted-custom-1,
384
380
  .react-datepicker__year-text--highlighted-custom-1 {
385
- color: var(--bs-pink, magenta);
381
+ color: magenta;
386
382
  }
387
383
  .react-datepicker__day--highlighted-custom-2,
388
384
  .react-datepicker__month-text--highlighted-custom-2,
389
385
  .react-datepicker__quarter-text--highlighted-custom-2,
390
386
  .react-datepicker__year-text--highlighted-custom-2 {
391
- color: var(--bs-success, green);
387
+ color: green;
392
388
  }
393
-
394
- /* Tatil Günleri */
395
389
  .react-datepicker__day--holidays,
396
390
  .react-datepicker__month-text--holidays,
397
391
  .react-datepicker__quarter-text--holidays,
398
392
  .react-datepicker__year-text--holidays {
399
393
  position: relative;
400
394
  border-radius: 0.3rem;
401
- background-color: var(--bs-warning, #ff6803);
402
- color: var(--bs-white, #fff);
395
+ background-color: #ff6803;
396
+ color: #fff;
403
397
  }
404
398
  .react-datepicker__day--holidays .overlay,
405
399
  .react-datepicker__month-text--holidays .overlay,
@@ -409,8 +403,8 @@ h2.react-datepicker__current-month {
409
403
  bottom: 100%;
410
404
  left: 50%;
411
405
  transform: translateX(-50%);
412
- background-color: var(--bs-dark, #333);
413
- color: var(--bs-white, #fff);
406
+ background-color: #333;
407
+ color: #fff;
414
408
  padding: 4px;
415
409
  border-radius: 4px;
416
410
  white-space: nowrap;
@@ -418,8 +412,11 @@ h2.react-datepicker__current-month {
418
412
  opacity: 0;
419
413
  transition: visibility 0s, opacity 0.3s ease-in-out;
420
414
  }
421
- .react-datepicker__day--holidays:not([aria-disabled="true"]):hover {
422
- background-color: var(--bs-warning-hover-bg, rgb(207,83,0));
415
+ .react-datepicker__day--holidays:not([aria-disabled=true]):hover,
416
+ .react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
417
+ .react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
418
+ .react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
419
+ background-color: rgb(207, 82.9642857143, 0);
423
420
  }
424
421
  .react-datepicker__day--holidays:hover .overlay,
425
422
  .react-datepicker__month-text--holidays:hover .overlay,
@@ -428,11 +425,7 @@ h2.react-datepicker__current-month {
428
425
  visibility: visible;
429
426
  opacity: 1;
430
427
  }
431
-
432
- /* Seçili Gün/Ay/Yıl */
433
- .react-datepicker__day--selected,
434
- .react-datepicker__day--in-selecting-range,
435
- .react-datepicker__day--in-range,
428
+ .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
436
429
  .react-datepicker__month-text--selected,
437
430
  .react-datepicker__month-text--in-selecting-range,
438
431
  .react-datepicker__month-text--in-range,
@@ -442,69 +435,94 @@ h2.react-datepicker__current-month {
442
435
  .react-datepicker__year-text--selected,
443
436
  .react-datepicker__year-text--in-selecting-range,
444
437
  .react-datepicker__year-text--in-range {
445
- border-radius: var(--bs-border-radius);
446
- background-color: var(--bs-primary, #216ba5);
447
- color: var(--bs-white, #fff);
448
- }
449
- .react-datepicker__day--selected:not([aria-disabled="true"]):hover,
450
- .react-datepicker__day--in-selecting-range:not([aria-disabled="true"]):hover,
451
- .react-datepicker__day--in-range:not([aria-disabled="true"]):hover,
452
- .react-datepicker__month-text--selected:not([aria-disabled="true"]):hover,
453
- .react-datepicker__month-text--in-selecting-range:not([aria-disabled="true"]):hover,
454
- .react-datepicker__month-text--in-range:not([aria-disabled="true"]):hover,
455
- .react-datepicker__quarter-text--selected:not([aria-disabled="true"]):hover,
456
- .react-datepicker__quarter-text--in-selecting-range:not([aria-disabled="true"]):hover,
457
- .react-datepicker__quarter-text--in-range:not([aria-disabled="true"]):hover,
458
- .react-datepicker__year-text--selected:not([aria-disabled="true"]):hover,
459
- .react-datepicker__year-text--in-selecting-range:not([aria-disabled="true"]):hover,
460
- .react-datepicker__year-text--in-range:not([aria-disabled="true"]):hover {
461
- background-color: var(--bs-primary-hover-bg, var(--bs-primary, rgb(29,93,144)));
462
- }
463
-
464
- /* Klavye Seçimi */
438
+ border-radius: 0.3rem;
439
+ background-color: #216ba5;
440
+ color: #fff;
441
+ }
442
+ .react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
443
+ .react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
444
+ .react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
445
+ .react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
446
+ .react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
447
+ .react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
448
+ .react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
449
+ .react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
450
+ .react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
451
+ .react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
452
+ background-color: rgb(28.75, 93.2196969697, 143.75);
453
+ }
465
454
  .react-datepicker__day--keyboard-selected,
466
455
  .react-datepicker__month-text--keyboard-selected,
467
456
  .react-datepicker__quarter-text--keyboard-selected,
468
457
  .react-datepicker__year-text--keyboard-selected {
469
458
  border-radius: 0.3rem;
470
- background-color: var(--bs-light-bg-subtle, rgb(186,217,241));
471
- color: var(--bs-black, #000);
472
- }
473
- .react-datepicker__day--keyboard-selected:not([aria-disabled="true"]):hover,
474
- .react-datepicker__month-text--keyboard-selected:not([aria-disabled="true"]):hover,
475
- .react-datepicker__quarter-text--keyboard-selected:not([aria-disabled="true"]):hover,
476
- .react-datepicker__year-text--keyboard-selected:not([aria-disabled="true"]):hover {
477
- background-color: var(--bs-primary-hover-bg, var(--bs-primary, rgb(29,93,144)));
478
- }
479
-
480
- /* Seçim Aralığı */
481
- .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range),
482
- .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__month-text--in-range),
483
- .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__quarter-text--in-range),
484
- .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__year-text--in-range) {
485
- background-color: var(--bs-dark-soft, rgba(33,107,165,0.5));
486
- }
487
-
488
- /* Seçim Aralığı (Ay/Yıl) */
489
- .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range),
490
- .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range),
491
- .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__month-text--in-selecting-range),
492
- .react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__month-text--in-selecting-range),
493
- .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__quarter-text--in-selecting-range),
494
- .react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__quarter-text--in-selecting-range),
495
- .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__year-text--in-selecting-range),
496
- .react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__year-text--in-selecting-range) {
497
- background-color: var(--bs-light-bg-subtle, #f0f0f0);
498
- color: var(--bs-black, #000);
499
- }
500
-
501
- /* Devre Dışı Günler */
459
+ background-color: rgb(186.25, 217.0833333333, 241.25);
460
+ color: rgb(0, 0, 0);
461
+ }
462
+ .react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
463
+ .react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
464
+ .react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
465
+ .react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
466
+ background-color: rgb(28.75, 93.2196969697, 143.75);
467
+ }
468
+ .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
469
+ .react-datepicker__month-text--in-range,
470
+ .react-datepicker__quarter-text--in-range,
471
+ .react-datepicker__year-text--in-range),
472
+ .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
473
+ .react-datepicker__month-text--in-range,
474
+ .react-datepicker__quarter-text--in-range,
475
+ .react-datepicker__year-text--in-range),
476
+ .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
477
+ .react-datepicker__month-text--in-range,
478
+ .react-datepicker__quarter-text--in-range,
479
+ .react-datepicker__year-text--in-range),
480
+ .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
481
+ .react-datepicker__month-text--in-range,
482
+ .react-datepicker__quarter-text--in-range,
483
+ .react-datepicker__year-text--in-range) {
484
+ background-color: rgba(33, 107, 165, 0.5);
485
+ }
486
+ .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
487
+ .react-datepicker__month-text--in-selecting-range,
488
+ .react-datepicker__quarter-text--in-selecting-range,
489
+ .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
490
+ .react-datepicker__month-text--in-selecting-range,
491
+ .react-datepicker__quarter-text--in-selecting-range,
492
+ .react-datepicker__year-text--in-selecting-range),
493
+ .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
494
+ .react-datepicker__month-text--in-selecting-range,
495
+ .react-datepicker__quarter-text--in-selecting-range,
496
+ .react-datepicker__year-text--in-selecting-range),
497
+ .react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
498
+ .react-datepicker__month-text--in-selecting-range,
499
+ .react-datepicker__quarter-text--in-selecting-range,
500
+ .react-datepicker__year-text--in-selecting-range),
501
+ .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
502
+ .react-datepicker__month-text--in-selecting-range,
503
+ .react-datepicker__quarter-text--in-selecting-range,
504
+ .react-datepicker__year-text--in-selecting-range),
505
+ .react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
506
+ .react-datepicker__month-text--in-selecting-range,
507
+ .react-datepicker__quarter-text--in-selecting-range,
508
+ .react-datepicker__year-text--in-selecting-range),
509
+ .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
510
+ .react-datepicker__month-text--in-selecting-range,
511
+ .react-datepicker__quarter-text--in-selecting-range,
512
+ .react-datepicker__year-text--in-selecting-range),
513
+ .react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
514
+ .react-datepicker__month-text--in-selecting-range,
515
+ .react-datepicker__quarter-text--in-selecting-range,
516
+ .react-datepicker__year-text--in-selecting-range) {
517
+ background-color: #f0f0f0;
518
+ color: #000;
519
+ }
502
520
  .react-datepicker__day--disabled,
503
521
  .react-datepicker__month-text--disabled,
504
522
  .react-datepicker__quarter-text--disabled,
505
523
  .react-datepicker__year-text--disabled {
506
524
  cursor: default;
507
- color: var(--bs-gray-300, #ccc);
525
+ color: #ccc;
508
526
  }
509
527
  .react-datepicker__day--disabled .overlay,
510
528
  .react-datepicker__month-text--disabled .overlay,
@@ -514,8 +532,8 @@ h2.react-datepicker__current-month {
514
532
  bottom: 70%;
515
533
  left: 50%;
516
534
  transform: translateX(-50%);
517
- background-color: var(--bs-dark, #333);
518
- color: var(--bs-white, #fff);
535
+ background-color: #333;
536
+ color: #fff;
519
537
  padding: 4px;
520
538
  border-radius: 4px;
521
539
  white-space: nowrap;
@@ -524,7 +542,6 @@ h2.react-datepicker__current-month {
524
542
  transition: visibility 0s, opacity 0.3s ease-in-out;
525
543
  }
526
544
 
527
- /* Input Container */
528
545
  .react-datepicker__input-container {
529
546
  position: relative;
530
547
  display: inline-block;
@@ -535,11 +552,11 @@ h2.react-datepicker__current-month {
535
552
  padding: 0.5rem;
536
553
  box-sizing: content-box;
537
554
  }
555
+
538
556
  .react-datepicker__view-calendar-icon input {
539
557
  padding: 6px 10px 5px 25px;
540
558
  }
541
559
 
542
- /* Ok Görünümü */
543
560
  .react-datepicker__year-read-view,
544
561
  .react-datepicker__month-read-view,
545
562
  .react-datepicker__month-year-read-view {
@@ -553,11 +570,12 @@ h2.react-datepicker__current-month {
553
570
  cursor: pointer;
554
571
  }
555
572
  .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
573
+ .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
556
574
  .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
557
575
  .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
558
576
  .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
559
577
  .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
560
- border-top-color: var(--bs-gray-400, var(--bs-gray, rgb(178,178,178)));
578
+ border-top-color: rgb(178.5, 178.5, 178.5);
561
579
  }
562
580
  .react-datepicker__year-read-view--down-arrow,
563
581
  .react-datepicker__month-read-view--down-arrow,
@@ -567,11 +585,10 @@ h2.react-datepicker__current-month {
567
585
  top: 0;
568
586
  }
569
587
 
570
- /* Dropdowns */
571
588
  .react-datepicker__year-dropdown,
572
589
  .react-datepicker__month-dropdown,
573
590
  .react-datepicker__month-year-dropdown {
574
- background-color: var(--bs-light-bg-subtle, #f0f0f0);
591
+ background-color: #f0f0f0;
575
592
  position: absolute;
576
593
  width: 50%;
577
594
  left: 25%;
@@ -579,7 +596,7 @@ h2.react-datepicker__current-month {
579
596
  z-index: 1;
580
597
  text-align: center;
581
598
  border-radius: 0.3rem;
582
- border: 1px solid var(--bs-border-color);
599
+ border: 1px solid #aeaeae;
583
600
  }
584
601
  .react-datepicker__year-dropdown:hover,
585
602
  .react-datepicker__month-dropdown:hover,
@@ -593,7 +610,6 @@ h2.react-datepicker__current-month {
593
610
  overflow-y: scroll;
594
611
  }
595
612
 
596
- /* Dropdown Seçenekleri */
597
613
  .react-datepicker__year-option,
598
614
  .react-datepicker__month-option,
599
615
  .react-datepicker__month-year-option {
@@ -612,6 +628,9 @@ h2.react-datepicker__current-month {
612
628
  .react-datepicker__year-option:last-of-type,
613
629
  .react-datepicker__month-option:last-of-type,
614
630
  .react-datepicker__month-year-option:last-of-type {
631
+ -webkit-user-select: none;
632
+ -moz-user-select: none;
633
+ -ms-user-select: none;
615
634
  user-select: none;
616
635
  border-bottom-left-radius: 0.3rem;
617
636
  border-bottom-right-radius: 0.3rem;
@@ -619,17 +638,17 @@ h2.react-datepicker__current-month {
619
638
  .react-datepicker__year-option:hover,
620
639
  .react-datepicker__month-option:hover,
621
640
  .react-datepicker__month-year-option:hover {
622
- background-color: var(--bs-gray-hover-bg, #ccc);
641
+ background-color: #ccc;
623
642
  }
624
643
  .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
625
644
  .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
626
645
  .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
627
- border-bottom-color: var(--bs-gray-hover-bg, #ccc);
646
+ border-bottom-color: rgb(178.5, 178.5, 178.5);
628
647
  }
629
648
  .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
630
649
  .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
631
650
  .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
632
- border-top-color: var(--bs-gray-hover-bg, #ccc);
651
+ border-top-color: rgb(178.5, 178.5, 178.5);
633
652
  }
634
653
  .react-datepicker__year-option--selected,
635
654
  .react-datepicker__month-option--selected,
@@ -638,7 +657,6 @@ h2.react-datepicker__current-month {
638
657
  left: 15px;
639
658
  }
640
659
 
641
- /* Kapatma Ikonu */
642
660
  .react-datepicker__close-icon {
643
661
  cursor: pointer;
644
662
  background-color: transparent;
@@ -654,8 +672,8 @@ h2.react-datepicker__current-month {
654
672
  }
655
673
  .react-datepicker__close-icon::after {
656
674
  cursor: pointer;
657
- background-color: var(--bs-primary, #216ba5);
658
- color: var(--bs-white, #fff);
675
+ background-color: #216ba5;
676
+ color: #fff;
659
677
  border-radius: 50%;
660
678
  height: 16px;
661
679
  width: 16px;
@@ -672,13 +690,12 @@ h2.react-datepicker__current-month {
672
690
  }
673
691
  .react-datepicker__close-icon--disabled::after {
674
692
  cursor: default;
675
- background-color: var(--bs-gray, #ccc);
693
+ background-color: #ccc;
676
694
  }
677
695
 
678
- /* Bugün Butonu */
679
696
  .react-datepicker__today-button {
680
- background: var(--bs-light-bg-subtle, #f0f0f0);
681
- border-top: 1px solid var(--bs-border-color);
697
+ background: #f0f0f0;
698
+ border-top: 1px solid #aeaeae;
682
699
  cursor: pointer;
683
700
  text-align: center;
684
701
  font-weight: bold;
@@ -686,12 +703,11 @@ h2.react-datepicker__current-month {
686
703
  clear: left;
687
704
  }
688
705
 
689
- /* Portal */
690
706
  .react-datepicker__portal {
691
707
  position: fixed;
692
708
  width: 100vw;
693
709
  height: 100vh;
694
- background-color: var(--bs-portal-bg, rgba(0, 0, 0, 0.8));
710
+ background-color: rgba(0, 0, 0, 0.8);
695
711
  left: 0;
696
712
  top: 0;
697
713
  justify-content: center;
@@ -718,7 +734,6 @@ h2.react-datepicker__current-month {
718
734
  font-size: 1.44rem;
719
735
  }
720
736
 
721
- /* Çocuk Konteyner */
722
737
  .react-datepicker__children-container {
723
738
  width: 13.8rem;
724
739
  margin: 0.4rem;
@@ -727,7 +742,6 @@ h2.react-datepicker__current-month {
727
742
  height: auto;
728
743
  }
729
744
 
730
- /* Erişilebilirlik */
731
745
  .react-datepicker__aria-live {
732
746
  position: absolute;
733
747
  clip-path: circle(0);
@@ -740,33 +754,33 @@ h2.react-datepicker__current-month {
740
754
  white-space: nowrap;
741
755
  }
742
756
 
743
- /* Takvim İkonu */
744
757
  .react-datepicker__calendar-icon {
745
758
  width: 1em;
746
759
  height: 1em;
747
760
  vertical-align: -0.125em;
748
761
  }
749
762
 
750
- /* Yıl Navigasyon Okları */
763
+
751
764
  .react-datepicker__navigation--years-upcoming::before {
752
765
  content: "";
753
766
  position: absolute;
754
767
  right: 8px;
755
768
  top: 70%;
756
769
  transform: translateY(-50%) rotate(-135deg);
757
- border: solid var(--bs-black, #000);
770
+ border: solid #000; /* ikon rengi */
758
771
  border-width: 0 2px 2px 0;
759
772
  display: inline-block;
760
773
  width: 15px;
761
774
  height: 15px;
762
775
  }
776
+
763
777
  .react-datepicker__navigation--years-previous::before {
764
778
  content: "";
765
779
  position: absolute;
766
780
  right: 8px;
767
781
  top: 30%;
768
782
  transform: translateY(-50%) rotate(45deg);
769
- border: solid var(--bs-black, #000);
783
+ border: solid #000; /* ikon rengi */
770
784
  border-width: 0 2px 2px 0;
771
785
  display: inline-block;
772
786
  width: 15px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "albinasoft-ui-package",
3
- "version": "1.0.77",
3
+ "version": "1.0.78",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "scripts": {