devextreme-dist 23.1.2-beta.2 → 23.1.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.
Files changed (70) hide show
  1. package/css/dx.carmine.compact.css +244 -150
  2. package/css/dx.carmine.css +244 -150
  3. package/css/dx.common.css +3 -3
  4. package/css/dx.contrast.compact.css +244 -150
  5. package/css/dx.contrast.css +244 -150
  6. package/css/dx.dark.compact.css +244 -150
  7. package/css/dx.dark.css +244 -150
  8. package/css/dx.darkmoon.compact.css +244 -150
  9. package/css/dx.darkmoon.css +244 -150
  10. package/css/dx.darkviolet.compact.css +244 -150
  11. package/css/dx.darkviolet.css +244 -150
  12. package/css/dx.greenmist.compact.css +244 -150
  13. package/css/dx.greenmist.css +244 -150
  14. package/css/dx.light.compact.css +244 -150
  15. package/css/dx.light.css +244 -150
  16. package/css/dx.material.blue.dark.compact.css +263 -141
  17. package/css/dx.material.blue.dark.css +263 -141
  18. package/css/dx.material.blue.light.compact.css +263 -141
  19. package/css/dx.material.blue.light.css +263 -141
  20. package/css/dx.material.lime.dark.compact.css +263 -141
  21. package/css/dx.material.lime.dark.css +263 -141
  22. package/css/dx.material.lime.light.compact.css +263 -141
  23. package/css/dx.material.lime.light.css +263 -141
  24. package/css/dx.material.orange.dark.compact.css +263 -141
  25. package/css/dx.material.orange.dark.css +263 -141
  26. package/css/dx.material.orange.light.compact.css +263 -141
  27. package/css/dx.material.orange.light.css +263 -141
  28. package/css/dx.material.purple.dark.compact.css +263 -141
  29. package/css/dx.material.purple.dark.css +263 -141
  30. package/css/dx.material.purple.light.compact.css +263 -141
  31. package/css/dx.material.purple.light.css +263 -141
  32. package/css/dx.material.teal.dark.compact.css +263 -141
  33. package/css/dx.material.teal.dark.css +263 -141
  34. package/css/dx.material.teal.light.compact.css +263 -141
  35. package/css/dx.material.teal.light.css +263 -141
  36. package/css/dx.softblue.compact.css +244 -150
  37. package/css/dx.softblue.css +244 -150
  38. package/js/dx.all.debug.js +124664 -123957
  39. package/js/dx.all.js +3 -3
  40. package/js/dx.aspnet.mvc.js +8 -8
  41. package/js/localization/dx.messages.ar.js +10 -10
  42. package/js/localization/dx.messages.ca.js +10 -10
  43. package/js/localization/dx.messages.cs.js +10 -10
  44. package/js/localization/dx.messages.de.js +10 -10
  45. package/js/localization/dx.messages.el.js +10 -10
  46. package/js/localization/dx.messages.en.js +10 -10
  47. package/js/localization/dx.messages.es.js +10 -10
  48. package/js/localization/dx.messages.fa.js +648 -0
  49. package/js/localization/dx.messages.fi.js +10 -10
  50. package/js/localization/dx.messages.fr.js +10 -10
  51. package/js/localization/dx.messages.hu.js +195 -195
  52. package/js/localization/dx.messages.it.js +16 -16
  53. package/js/localization/dx.messages.ja.js +10 -10
  54. package/js/localization/dx.messages.lt.js +443 -443
  55. package/js/localization/dx.messages.nb.js +10 -10
  56. package/js/localization/dx.messages.nl.js +10 -10
  57. package/js/localization/dx.messages.pt.js +193 -193
  58. package/js/localization/dx.messages.ro.js +10 -10
  59. package/js/localization/dx.messages.ru.js +10 -10
  60. package/js/localization/dx.messages.sl.js +10 -10
  61. package/js/localization/dx.messages.sv.js +10 -10
  62. package/js/localization/dx.messages.tr.js +10 -10
  63. package/js/localization/dx.messages.vi.js +10 -10
  64. package/js/localization/dx.messages.zh-tw.js +10 -10
  65. package/js/localization/dx.messages.zh.js +10 -10
  66. package/js/vectormap-utils/dx.vectormaputils.debug.js +2 -2
  67. package/js/vectormap-utils/dx.vectormaputils.js +2 -2
  68. package/js/vectormap-utils/dx.vectormaputils.node.js +2 -2
  69. package/package.json +2 -2
  70. package/ts/dx.all.d.ts +66 -5
@@ -1,8 +1,8 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
3
  * DevExtreme (dx.carmine.compact.css)
4
- * Version: 23.1.2
5
- * Build date: Fri May 26 2023
4
+ * Version: 23.1.3
5
+ * Build date: Fri Jun 09 2023
6
6
  *
7
7
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
8
8
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
@@ -7339,6 +7339,7 @@
7339
7339
  display: -webkit-box;
7340
7340
  display: -ms-flexbox;
7341
7341
  display: flex;
7342
+ direction: ltr;
7342
7343
  -webkit-box-orient: vertical;
7343
7344
  -webkit-box-direction: normal;
7344
7345
  -ms-flex-direction: column;
@@ -7348,12 +7349,13 @@
7348
7349
  justify-content: space-between;
7349
7350
  border: 1px solid transparent;
7350
7351
  width: 232px;
7351
- min-width: 232px;
7352
7352
  height: 226px;
7353
- min-height: 226px;
7354
7353
  background-color: #fff;
7355
7354
  gap: 8px;
7356
7355
  }
7356
+ .dx-calendar.dx-rtl {
7357
+ direction: rtl;
7358
+ }
7357
7359
  .dx-calendar-views-wrapper {
7358
7360
  position: relative;
7359
7361
  display: -webkit-box;
@@ -7370,7 +7372,6 @@
7370
7372
  -webkit-box-pack: justify;
7371
7373
  -ms-flex-pack: justify;
7372
7374
  justify-content: space-between;
7373
- direction: ltr;
7374
7375
  }
7375
7376
  .dx-calendar-navigator .dx-calendar-caption-button {
7376
7377
  -webkit-box-flex: 1;
@@ -7378,6 +7379,7 @@
7378
7379
  flex-grow: 1;
7379
7380
  overflow: hidden;
7380
7381
  font-weight: 600;
7382
+ border-radius: 0;
7381
7383
  }
7382
7384
  .dx-calendar-navigator .dx-button .dx-button-text {
7383
7385
  text-transform: none;
@@ -7409,7 +7411,6 @@
7409
7411
  .dx-calendar-body table {
7410
7412
  width: 100%;
7411
7413
  height: 100%;
7412
- direction: ltr;
7413
7414
  table-layout: fixed;
7414
7415
  border-spacing: 0;
7415
7416
  line-height: normal;
@@ -7426,22 +7427,33 @@
7426
7427
  white-space: nowrap;
7427
7428
  color: #333;
7428
7429
  }
7429
- .dx-calendar-body .dx-calendar-week-number-cell {
7430
+ .dx-calendar-week-number-cell {
7431
+ position: relative;
7432
+ color: rgba(51,51,51,.56);
7433
+ width: 2em;
7434
+ }
7435
+ .dx-calendar-week-number-cell span {
7436
+ position: absolute;
7430
7437
  display: -webkit-box;
7431
7438
  display: -ms-flexbox;
7432
7439
  display: flex;
7433
- height: 100%;
7434
7440
  -webkit-box-align: center;
7435
7441
  -ms-flex-align: center;
7436
7442
  align-items: center;
7437
7443
  -webkit-box-pack: center;
7438
7444
  -ms-flex-pack: center;
7439
7445
  justify-content: center;
7446
+ text-align: center;
7447
+ width: 2em;
7448
+ inset: 0;
7449
+ background-color: rgba(224,224,224,.5);
7450
+ inset-inline-start: 0;
7440
7451
  }
7441
7452
  .dx-calendar-cell {
7442
7453
  cursor: pointer;
7443
7454
  position: relative;
7444
7455
  text-align: center;
7456
+ font-size: 12px;
7445
7457
  color: #333;
7446
7458
  }
7447
7459
  .dx-calendar-cell span {
@@ -7486,26 +7498,11 @@
7486
7498
  .dx-calendar-multiview .dx-calendar-body table {
7487
7499
  padding: 0 10px;
7488
7500
  }
7489
- .dx-calendar-range .dx-calendar-cell::before {
7490
- content: "";
7491
- position: absolute;
7492
- z-index: 1;
7493
- inset-inline-start: 50%;
7494
- inset-inline-end: 0;
7495
- }
7496
- .dx-rtl.dx-calendar .dx-calendar-body table {
7497
- left: 0;
7498
- }
7499
- .dx-rtl.dx-calendar .dx-calendar-body .dx-widget {
7500
- direction: ltr;
7501
- }
7502
7501
  .dx-calendar.dx-calendar-with-footer {
7503
7502
  height: 262px;
7504
- min-height: 262px;
7505
7503
  }
7506
7504
  .dx-calendar.dx-calendar-multiview {
7507
7505
  width: 464px;
7508
- min-width: 464px;
7509
7506
  }
7510
7507
  .dx-calendar.dx-invalid {
7511
7508
  border-color: rgba(247,77,97,.4);
@@ -7513,45 +7510,32 @@
7513
7510
  .dx-calendar.dx-invalid.dx-state-focused {
7514
7511
  border-color: #f74d61;
7515
7512
  }
7516
- .dx-calendar-navigator .dx-button {
7517
- border-radius: 0;
7518
- }
7519
7513
  .dx-calendar-navigator .dx-calendar-navigator-previous-view {
7520
- margin-right: -1px;
7521
- border-top-left-radius: 2px;
7522
- border-bottom-left-radius: 2px;
7514
+ -webkit-margin-end: -1px;
7515
+ margin-inline-end: -1px;
7516
+ border-start-end-radius: 0;
7517
+ border-end-end-radius: 0;
7523
7518
  }
7524
7519
  .dx-calendar-navigator .dx-calendar-navigator-next-view {
7525
- margin-left: -1px;
7526
- border-top-right-radius: 2px;
7527
- border-bottom-right-radius: 2px;
7528
- }
7529
- .dx-calendar-body table .dx-week-number-header {
7530
- font-size: 12px;
7531
- width: 2.5em;
7532
- }
7533
- .dx-calendar-body table .dx-calendar-week-number-cell {
7534
- color: rgba(51,51,51,.56);
7535
- background-color: rgba(224,224,224,.5);
7536
- width: 2em;
7537
- margin-right: .5em;
7538
- }
7539
- .dx-rtl .dx-calendar-body table .dx-calendar-week-number-cell {
7540
- margin-left: .5em;
7520
+ -webkit-margin-start: -1px;
7521
+ margin-inline-start: -1px;
7522
+ border-end-start-radius: 0;
7523
+ border-start-start-radius: 0;
7541
7524
  }
7542
7525
  .dx-calendar-body thead tr {
7543
7526
  height: 2em;
7544
7527
  }
7545
- .dx-calendar-body tbody tr:first-of-type .dx-calendar-week-number-cell {
7546
- border-top-left-radius: 0;
7547
- border-top-right-radius: 0;
7528
+ .dx-calendar-body tbody tr:first-of-type .dx-calendar-week-number-cell span {
7529
+ border-start-start-radius: 0;
7530
+ border-start-end-radius: 0;
7548
7531
  }
7549
- .dx-calendar-body tbody tr:last-of-type .dx-calendar-week-number-cell {
7550
- border-bottom-left-radius: 0;
7551
- border-bottom-right-radius: 0;
7532
+ .dx-calendar-body tbody tr:last-of-type .dx-calendar-week-number-cell span {
7533
+ border-end-start-radius: 0;
7534
+ border-end-end-radius: 0;
7552
7535
  }
7553
- .dx-calendar-body td {
7536
+ .dx-calendar-body .dx-week-number-header {
7554
7537
  font-size: 12px;
7538
+ width: 2.5em;
7555
7539
  }
7556
7540
  .dx-calendar-view-century .dx-calendar-cell span,
7557
7541
  .dx-calendar-view-decade .dx-calendar-cell span,
@@ -7580,92 +7564,6 @@
7580
7564
  -webkit-box-shadow: 0 0 0 2px rgba(240,91,65,.5);
7581
7565
  box-shadow: 0 0 0 2px rgba(240,91,65,.5);
7582
7566
  }
7583
- .dx-calendar-cell.dx-calendar-cell-in-range.dx-state-active::before,
7584
- .dx-calendar-cell.dx-calendar-cell-in-range.dx-state-hover::before,
7585
- .dx-calendar-cell.dx-calendar-cell-in-range::before,
7586
- .dx-calendar-cell.dx-calendar-cell-range-hover.dx-state-active::before,
7587
- .dx-calendar-cell.dx-calendar-cell-range-hover.dx-state-hover::before,
7588
- .dx-calendar-cell.dx-calendar-cell-range-hover::before {
7589
- width: 100%;
7590
- border-radius: 0;
7591
- }
7592
- .dx-calendar-cell.dx-calendar-range-start-date.dx-state-active::before,
7593
- .dx-calendar-cell.dx-calendar-range-start-date.dx-state-hover::before,
7594
- .dx-calendar-cell.dx-calendar-range-start-date::before {
7595
- width: 50%;
7596
- inset-inline-start: 50%;
7597
- inset-inline-end: 0;
7598
- }
7599
- .dx-calendar-cell.dx-calendar-range-end-date.dx-state-active::before,
7600
- .dx-calendar-cell.dx-calendar-range-end-date.dx-state-hover::before {
7601
- width: 50%;
7602
- }
7603
- .dx-calendar-cell.dx-state-active::before,
7604
- .dx-calendar-cell.dx-state-hover::before {
7605
- width: calc(50% + 1em);
7606
- border-top-right-radius: 50%;
7607
- border-bottom-right-radius: 50%;
7608
- }
7609
- .dx-calendar-cell.dx-calendar-cell-range-hover::before {
7610
- height: 2em;
7611
- inset-inline-start: 0;
7612
- inset-inline-end: 0;
7613
- width: 100%;
7614
- border-width: 1px;
7615
- border-style: dashed;
7616
- border-color: rgba(240,91,65,.6) transparent;
7617
- -o-border-image: initial;
7618
- border-image: initial;
7619
- border-radius: 0;
7620
- }
7621
- .dx-calendar-cell.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start::before {
7622
- width: calc(50% + 1em);
7623
- inset-inline-start: auto;
7624
- inset-inline-end: 0;
7625
- border-radius: 2px 0 0 2px;
7626
- border-left: 1px dashed rgba(240,91,65,.6);
7627
- }
7628
- .dx-calendar-cell.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-end::before {
7629
- width: calc(50% + 1em);
7630
- inset-inline-start: 0;
7631
- inset-inline-end: 0;
7632
- border-radius: 0 2px 2px 0;
7633
- border-right: 1px dashed rgba(240,91,65,.6);
7634
- }
7635
- .dx-calendar-cell.dx-calendar-cell-range-hover.dx-calendar-range-end-date::before,
7636
- .dx-calendar-cell.dx-calendar-cell-range-hover.dx-calendar-range-start-date::before {
7637
- border-width: 0;
7638
- }
7639
- .dx-calendar-cell.dx-calendar-cell-in-range::before {
7640
- height: 2em;
7641
- inset-inline-start: 0;
7642
- inset-inline-end: 0;
7643
- width: 100%;
7644
- background-color: rgba(240,91,65,.24);
7645
- }
7646
- .dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-range-start-date::before,
7647
- .dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-start-day-of-month::before {
7648
- width: calc(50% + 1em);
7649
- inset-inline-start: auto;
7650
- inset-inline-end: 0;
7651
- border-radius: 2px 0 0 2px;
7652
- }
7653
- .dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-range-start-date.dx-calendar-end-day-of-month::before,
7654
- .dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-start-day-of-month.dx-calendar-end-day-of-month::before {
7655
- content: none;
7656
- }
7657
- .dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-end-day-of-month::before,
7658
- .dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-range-end-date::before {
7659
- width: calc(50% + 1em);
7660
- inset-inline-start: 0;
7661
- inset-inline-end: 0;
7662
- border-radius: 0 2px 2px 0;
7663
- }
7664
- .dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-end-day-of-month.dx-calendar-start-day-of-month::before,
7665
- .dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-range-end-date.dx-calendar-start-day-of-month::before,
7666
- .dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-range-start-date.dx-calendar-range-end-date::before {
7667
- content: none;
7668
- }
7669
7567
  .dx-calendar-cell.dx-calendar-empty-cell,
7670
7568
  .dx-calendar-cell.dx-calendar-empty-cell.dx-state-active span,
7671
7569
  .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover span,
@@ -7678,10 +7576,8 @@
7678
7576
  .dx-calendar-cell.dx-calendar-other-view.dx-calendar-selected-date span {
7679
7577
  color: #fff;
7680
7578
  }
7681
- .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range::before,
7682
- .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover::before,
7683
- .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date::before,
7684
- .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date::before {
7579
+ .dx-calendar-cell.dx-calendar-other-view::after,
7580
+ .dx-calendar-cell.dx-calendar-other-view::before {
7685
7581
  content: none;
7686
7582
  }
7687
7583
  .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-active span,
@@ -7725,6 +7621,178 @@
7725
7621
  .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover.dx-calendar-selected-date span {
7726
7622
  background-color: #f05b41;
7727
7623
  }
7624
+ .dx-calendar-cell-in-range::before {
7625
+ content: "";
7626
+ position: absolute;
7627
+ z-index: 1;
7628
+ height: 2em;
7629
+ inset-inline-start: 0;
7630
+ inset-inline-end: 0;
7631
+ width: 100%;
7632
+ background-color: rgba(240,91,65,.24);
7633
+ border-width: 0;
7634
+ border-style: dashed;
7635
+ border-color: rgba(240,91,65,.6) transparent;
7636
+ }
7637
+ .dx-calendar-cell-in-range.dx-calendar-cell-end-in-row::before,
7638
+ .dx-calendar-cell-in-range.dx-calendar-cell-end::before,
7639
+ .dx-calendar-cell-in-range.dx-calendar-cell-start-in-row::before,
7640
+ .dx-calendar-cell-in-range.dx-calendar-cell-start::before,
7641
+ .dx-calendar-cell-in-range.dx-calendar-range-end-date::before,
7642
+ .dx-calendar-cell-in-range.dx-calendar-range-start-date::before {
7643
+ width: calc(50% + 1em);
7644
+ }
7645
+ .dx-calendar-cell-in-range.dx-calendar-range-start-date::before {
7646
+ inset-inline-start: auto;
7647
+ border-start-start-radius: 2px;
7648
+ border-end-start-radius: 2px;
7649
+ border-inline-start-color: rgba(240,91,65,0.6);
7650
+ }
7651
+ .dx-calendar-cell-in-range.dx-calendar-range-start-date.dx-calendar-range-end-date::before {
7652
+ content: none;
7653
+ }
7654
+ .dx-calendar-cell-in-range.dx-calendar-range-end-date::before {
7655
+ border-start-end-radius: 2px;
7656
+ border-end-end-radius: 2px;
7657
+ border-inline-end-color: rgba(240,91,65,0.6);
7658
+ }
7659
+ .dx-calendar-cell-in-range.dx-calendar-cell-start-in-row::before {
7660
+ inset-inline-start: auto;
7661
+ border-start-start-radius: 2px;
7662
+ border-end-start-radius: 2px;
7663
+ border-inline-start-color: rgba(240,91,65,0.6);
7664
+ }
7665
+ .dx-calendar-cell-in-range.dx-calendar-cell-start-in-row.dx-calendar-cell-end::before,
7666
+ .dx-calendar-cell-in-range.dx-calendar-cell-start-in-row.dx-calendar-range-end-date::before {
7667
+ width: 2em;
7668
+ inset-inline-start: calc(50% - 1em);
7669
+ inset-inline-end: auto;
7670
+ }
7671
+ .dx-calendar-cell-in-range.dx-calendar-cell-end-in-row::before {
7672
+ border-start-end-radius: 2px;
7673
+ border-end-end-radius: 2px;
7674
+ border-inline-end-color: rgba(240,91,65,0.6);
7675
+ }
7676
+ .dx-calendar-cell-in-range.dx-calendar-cell-end-in-row.dx-calendar-range-start-date::before {
7677
+ width: 2em;
7678
+ inset-inline-start: calc(50% - 1em);
7679
+ inset-inline-end: auto;
7680
+ }
7681
+ .dx-calendar-cell-in-range.dx-calendar-cell-start::before {
7682
+ inset-inline-start: auto;
7683
+ border-start-start-radius: 2px;
7684
+ border-end-start-radius: 2px;
7685
+ border-inline-start-color: rgba(240,91,65,0.6);
7686
+ }
7687
+ .dx-calendar-cell-in-range.dx-calendar-cell-start.dx-calendar-range-end-date::before {
7688
+ width: 2em;
7689
+ inset-inline-start: calc(50% - 1em);
7690
+ inset-inline-end: auto;
7691
+ border-start-end-radius: 2px;
7692
+ border-end-end-radius: 2px;
7693
+ border-inline-end-color: rgba(240,91,65,0.6);
7694
+ }
7695
+ .dx-calendar-cell-in-range.dx-calendar-cell-start.dx-calendar-cell-end-in-row::before {
7696
+ width: 2em;
7697
+ inset-inline-start: calc(50% - 1em);
7698
+ inset-inline-end: auto;
7699
+ }
7700
+ .dx-calendar-cell-in-range.dx-calendar-cell-end::before {
7701
+ border-start-end-radius: 2px;
7702
+ border-end-end-radius: 2px;
7703
+ border-inline-end-color: rgba(240,91,65,0.6);
7704
+ }
7705
+ .dx-calendar-cell-in-range.dx-calendar-cell-end.dx-calendar-range-start-date::before {
7706
+ width: 2em;
7707
+ inset-inline-start: calc(50% - 1em);
7708
+ inset-inline-end: auto;
7709
+ }
7710
+ .dx-calendar-cell-range-hover::after {
7711
+ content: "";
7712
+ position: absolute;
7713
+ z-index: 1;
7714
+ height: 2em;
7715
+ inset-inline-start: 0;
7716
+ inset-inline-end: 0;
7717
+ width: 100%;
7718
+ background-color: inherit;
7719
+ border-width: 1px;
7720
+ border-style: dashed;
7721
+ border-color: rgba(240,91,65,.6) transparent;
7722
+ }
7723
+ .dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row::after,
7724
+ .dx-calendar-cell-range-hover.dx-calendar-cell-end::after,
7725
+ .dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-end::after,
7726
+ .dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start::after,
7727
+ .dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row::after,
7728
+ .dx-calendar-cell-range-hover.dx-calendar-cell-start::after {
7729
+ width: calc(50% + 1em);
7730
+ }
7731
+ .dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start::after {
7732
+ inset-inline-start: auto;
7733
+ border-start-start-radius: 2px;
7734
+ border-end-start-radius: 2px;
7735
+ border-inline-start-color: rgba(240,91,65,0.6);
7736
+ }
7737
+ .dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start.dx-calendar-cell-range-hover-end::after {
7738
+ content: none;
7739
+ }
7740
+ .dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-end::after {
7741
+ border-start-end-radius: 2px;
7742
+ border-end-end-radius: 2px;
7743
+ border-inline-end-color: rgba(240,91,65,0.6);
7744
+ }
7745
+ .dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row::after {
7746
+ inset-inline-start: auto;
7747
+ border-start-start-radius: 2px;
7748
+ border-end-start-radius: 2px;
7749
+ border-inline-start-color: rgba(240,91,65,0.6);
7750
+ }
7751
+ .dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row.dx-calendar-cell-end::after,
7752
+ .dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row.dx-calendar-cell-range-hover-end::after {
7753
+ width: 2em;
7754
+ inset-inline-start: calc(50% - 1em);
7755
+ inset-inline-end: auto;
7756
+ }
7757
+ .dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row::after {
7758
+ border-start-end-radius: 2px;
7759
+ border-end-end-radius: 2px;
7760
+ border-inline-end-color: rgba(240,91,65,0.6);
7761
+ }
7762
+ .dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row.dx-calendar-cell-range-hover-start::after {
7763
+ width: 2em;
7764
+ inset-inline-start: calc(50% - 1em);
7765
+ inset-inline-end: auto;
7766
+ }
7767
+ .dx-calendar-cell-range-hover.dx-calendar-cell-start::after {
7768
+ inset-inline-start: auto;
7769
+ border-start-start-radius: 2px;
7770
+ border-end-start-radius: 2px;
7771
+ border-inline-start-color: rgba(240,91,65,0.6);
7772
+ }
7773
+ .dx-calendar-cell-range-hover.dx-calendar-cell-start.dx-calendar-cell-range-hover-end::after {
7774
+ width: 2em;
7775
+ inset-inline-start: calc(50% - 1em);
7776
+ inset-inline-end: auto;
7777
+ border-start-end-radius: 2px;
7778
+ border-end-end-radius: 2px;
7779
+ border-inline-end-color: rgba(240,91,65,0.6);
7780
+ }
7781
+ .dx-calendar-cell-range-hover.dx-calendar-cell-start.dx-calendar-cell-end-in-row::after {
7782
+ width: 2em;
7783
+ inset-inline-start: calc(50% - 1em);
7784
+ inset-inline-end: auto;
7785
+ }
7786
+ .dx-calendar-cell-range-hover.dx-calendar-cell-end::after {
7787
+ border-start-end-radius: 2px;
7788
+ border-end-end-radius: 2px;
7789
+ border-inline-end-color: rgba(240,91,65,0.6);
7790
+ }
7791
+ .dx-calendar-cell-range-hover.dx-calendar-cell-end.dx-calendar-cell-range-hover-start::after {
7792
+ width: 2em;
7793
+ inset-inline-start: calc(50% - 1em);
7794
+ inset-inline-end: auto;
7795
+ }
7728
7796
  .dx-texteditor input[type=date]::-webkit-inner-spin-button {
7729
7797
  height: 20px;
7730
7798
  }
@@ -8140,9 +8208,7 @@
8140
8208
  box-shadow: none;
8141
8209
  }
8142
8210
  .dx-daterangebox .dx-datebox {
8143
- -webkit-box-flex: 1;
8144
- -ms-flex-positive: 1;
8145
- flex-grow: 1;
8211
+ width: 100%;
8146
8212
  }
8147
8213
  .dx-daterangebox .dx-datebox.dx-editor-underlined {
8148
8214
  border-bottom: 0;
@@ -8172,7 +8238,7 @@
8172
8238
  -webkit-box-align: center;
8173
8239
  -ms-flex-align: center;
8174
8240
  align-items: center;
8175
- padding-left: 10px;
8241
+ padding-left: 5px;
8176
8242
  color: #8899a8;
8177
8243
  }
8178
8244
  .dx-rtl .dx-daterangebox-separator {
@@ -8221,7 +8287,7 @@
8221
8287
  background-color: #fff;
8222
8288
  width: 100%;
8223
8289
  position: absolute;
8224
- height: 1px;
8290
+ height: 1.5px;
8225
8291
  top: -1px;
8226
8292
  margin-left: -2px;
8227
8293
  margin-right: -2px;
@@ -8247,7 +8313,7 @@
8247
8313
  height: 16px;
8248
8314
  line-height: normal;
8249
8315
  }
8250
- .dx-daterangebox.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-texteditor-empty .dx-datebox .dx-texteditor-label .dx-label::before {
8316
+ .dx-daterangebox.dx-daterangebox-with-floating-label.dx-editor-outlined .dx-datebox.dx-texteditor-empty .dx-texteditor-label .dx-label::before {
8251
8317
  background-color: transparent;
8252
8318
  }
8253
8319
  .dx-daterangebox .dx-dropdowneditor-icon {
@@ -8337,8 +8403,36 @@
8337
8403
  .dx-daterangebox .dx-editor-underlined::before {
8338
8404
  width: 100%;
8339
8405
  }
8406
+ .dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-filled .dx-texteditor-input,
8407
+ .dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-outlined .dx-texteditor-input,
8408
+ .dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-underlined .dx-texteditor-input,
8409
+ .dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-filled .dx-texteditor-input,
8410
+ .dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-outlined .dx-texteditor-input,
8411
+ .dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-underlined .dx-texteditor-input,
8340
8412
  .dx-daterangebox.dx-editor-underlined .dx-daterangebox-separator {
8341
- padding-right: 10px;
8413
+ padding-right: 5px;
8414
+ }
8415
+ .dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-filled.dx-rtl .dx-texteditor-input,
8416
+ .dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-outlined.dx-rtl .dx-texteditor-input,
8417
+ .dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-underlined.dx-rtl .dx-texteditor-input,
8418
+ .dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-filled.dx-rtl .dx-texteditor-input,
8419
+ .dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-outlined.dx-rtl .dx-texteditor-input,
8420
+ .dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-underlined.dx-rtl .dx-texteditor-input {
8421
+ padding-left: 5px;
8422
+ }
8423
+ .dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-filled.dx-invalid .dx-texteditor-input,
8424
+ .dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-outlined.dx-invalid .dx-texteditor-input,
8425
+ .dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-underlined.dx-invalid .dx-texteditor-input {
8426
+ padding-right: 24px;
8427
+ }
8428
+ .dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-filled.dx-invalid.dx-rtl .dx-texteditor-input,
8429
+ .dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-outlined.dx-invalid.dx-rtl .dx-texteditor-input,
8430
+ .dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-underlined.dx-invalid.dx-rtl .dx-texteditor-input {
8431
+ padding-right: 5px;
8432
+ padding-left: 24px;
8433
+ }
8434
+ .dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-underlined.dx-invalid.dx-rtl .dx-texteditor-input {
8435
+ padding-right: 0;
8342
8436
  }
8343
8437
  .dx-daterangebox-separator .dx-icon {
8344
8438
  width: 14px;
@@ -23726,4 +23820,4 @@ input.dx-hidden {
23726
23820
  left: 0;
23727
23821
  background: rgba(0,0,0,.01);
23728
23822
  opacity: .01;
23729
- }
23823
+ }