@regcheq/ui-vue-2 1.23.0 → 1.25.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/dist/index.css +683 -238
- package/dist/index.esm.js +1103 -606
- package/dist/index.js +1145 -646
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1778,6 +1778,132 @@
|
|
|
1778
1778
|
letter-spacing: 0;
|
|
1779
1779
|
color: #18181b;
|
|
1780
1780
|
}
|
|
1781
|
+
.rq-dropdown {
|
|
1782
|
+
position: absolute;
|
|
1783
|
+
top: calc(100% + 4px);
|
|
1784
|
+
z-index: 1000;
|
|
1785
|
+
box-sizing: border-box;
|
|
1786
|
+
display: flex;
|
|
1787
|
+
flex-direction: column;
|
|
1788
|
+
gap: 2px;
|
|
1789
|
+
min-width: 100%;
|
|
1790
|
+
max-height: calc(8 * 32px + 7 * 2px + 2 * 4px + 2 * 1px);
|
|
1791
|
+
padding: 4px;
|
|
1792
|
+
overflow-y: auto;
|
|
1793
|
+
overscroll-behavior: contain;
|
|
1794
|
+
background: #ffffff;
|
|
1795
|
+
border: 1px solid #e4e4e7;
|
|
1796
|
+
border-radius: 8px;
|
|
1797
|
+
box-shadow: 0px 4px 12px 0px rgba(15, 15, 21, 0.1);
|
|
1798
|
+
font-family: "Inter", sans-serif;
|
|
1799
|
+
}
|
|
1800
|
+
.rq-dropdown::-webkit-scrollbar {
|
|
1801
|
+
width: 6px;
|
|
1802
|
+
height: 6px;
|
|
1803
|
+
}
|
|
1804
|
+
.rq-dropdown::-webkit-scrollbar-track {
|
|
1805
|
+
background: transparent;
|
|
1806
|
+
}
|
|
1807
|
+
.rq-dropdown::-webkit-scrollbar-thumb {
|
|
1808
|
+
background: #e4e4e7;
|
|
1809
|
+
border-radius: 999px;
|
|
1810
|
+
}
|
|
1811
|
+
.rq-dropdown::-webkit-scrollbar-corner {
|
|
1812
|
+
background: transparent;
|
|
1813
|
+
}
|
|
1814
|
+
.rq-dropdown--left {
|
|
1815
|
+
left: 0;
|
|
1816
|
+
}
|
|
1817
|
+
.rq-dropdown--right {
|
|
1818
|
+
right: 0;
|
|
1819
|
+
}
|
|
1820
|
+
.rq-dropdown__group {
|
|
1821
|
+
flex-shrink: 0;
|
|
1822
|
+
padding: 6px 8px;
|
|
1823
|
+
font-size: 12px;
|
|
1824
|
+
line-height: 16px;
|
|
1825
|
+
font-weight: 500;
|
|
1826
|
+
letter-spacing: 1px;
|
|
1827
|
+
color: #52525b;
|
|
1828
|
+
}
|
|
1829
|
+
.rq-dropdown__divider {
|
|
1830
|
+
flex-shrink: 0;
|
|
1831
|
+
margin: 0 calc(-1 * 4px);
|
|
1832
|
+
border: none;
|
|
1833
|
+
border-top: 1px solid #e4e4e7;
|
|
1834
|
+
}
|
|
1835
|
+
.rq-dropdown__item {
|
|
1836
|
+
box-sizing: border-box;
|
|
1837
|
+
display: flex;
|
|
1838
|
+
flex-shrink: 0;
|
|
1839
|
+
align-items: center;
|
|
1840
|
+
gap: 8px;
|
|
1841
|
+
min-height: 32px;
|
|
1842
|
+
padding: 4px 8px;
|
|
1843
|
+
border-radius: 4px;
|
|
1844
|
+
font-size: 14px;
|
|
1845
|
+
line-height: 22px;
|
|
1846
|
+
font-weight: 400;
|
|
1847
|
+
letter-spacing: 1px;
|
|
1848
|
+
color: #18181b;
|
|
1849
|
+
white-space: nowrap;
|
|
1850
|
+
cursor: pointer;
|
|
1851
|
+
user-select: none;
|
|
1852
|
+
transition: background 100ms ease;
|
|
1853
|
+
}
|
|
1854
|
+
.rq-dropdown__item.is-active, .rq-dropdown__item.is-selected {
|
|
1855
|
+
background: #e6f0fc;
|
|
1856
|
+
}
|
|
1857
|
+
.rq-dropdown__item[aria-disabled=true] {
|
|
1858
|
+
opacity: 0.5;
|
|
1859
|
+
cursor: not-allowed;
|
|
1860
|
+
}
|
|
1861
|
+
.rq-dropdown button.rq-dropdown__item {
|
|
1862
|
+
width: 100%;
|
|
1863
|
+
margin: 0;
|
|
1864
|
+
border: none;
|
|
1865
|
+
outline: none;
|
|
1866
|
+
background: transparent;
|
|
1867
|
+
font-family: "Inter", sans-serif;
|
|
1868
|
+
text-align: left;
|
|
1869
|
+
}
|
|
1870
|
+
.rq-dropdown button.rq-dropdown__item:hover, .rq-dropdown button.rq-dropdown__item:focus-visible {
|
|
1871
|
+
background: #e6f0fc;
|
|
1872
|
+
}
|
|
1873
|
+
.rq-dropdown__item--danger {
|
|
1874
|
+
color: #a5180d;
|
|
1875
|
+
}
|
|
1876
|
+
.rq-dropdown__item--danger .rq-dropdown__icon {
|
|
1877
|
+
color: #a5180d;
|
|
1878
|
+
}
|
|
1879
|
+
.rq-dropdown__item--danger.is-active {
|
|
1880
|
+
background: #fff1f0;
|
|
1881
|
+
}
|
|
1882
|
+
.rq-dropdown__icon {
|
|
1883
|
+
flex-shrink: 0;
|
|
1884
|
+
color: #52525b;
|
|
1885
|
+
}
|
|
1886
|
+
.rq-dropdown__text {
|
|
1887
|
+
display: flex;
|
|
1888
|
+
flex: 1 1 auto;
|
|
1889
|
+
flex-direction: column;
|
|
1890
|
+
min-width: 0;
|
|
1891
|
+
}
|
|
1892
|
+
.rq-dropdown__label, .rq-dropdown__description {
|
|
1893
|
+
overflow: hidden;
|
|
1894
|
+
text-overflow: ellipsis;
|
|
1895
|
+
}
|
|
1896
|
+
.rq-dropdown__description {
|
|
1897
|
+
font-size: 12px;
|
|
1898
|
+
line-height: 16px;
|
|
1899
|
+
font-weight: 400;
|
|
1900
|
+
color: #52525b;
|
|
1901
|
+
}
|
|
1902
|
+
.rq-dropdown__empty {
|
|
1903
|
+
padding: 4px 8px;
|
|
1904
|
+
font-size: 14px;
|
|
1905
|
+
color: #52525b;
|
|
1906
|
+
}
|
|
1781
1907
|
.rq-topbar {
|
|
1782
1908
|
position: relative;
|
|
1783
1909
|
display: inline-flex;
|
|
@@ -1868,57 +1994,7 @@
|
|
|
1868
1994
|
color: #ffffff;
|
|
1869
1995
|
}
|
|
1870
1996
|
.rq-topbar__dropdown {
|
|
1871
|
-
position: absolute;
|
|
1872
|
-
top: 100%;
|
|
1873
|
-
right: 0;
|
|
1874
1997
|
width: 263px;
|
|
1875
|
-
background: #ffffff;
|
|
1876
|
-
border-radius: 8px;
|
|
1877
|
-
box-shadow: 0px 1px 1px 0px rgba(15, 15, 21, 0.1);
|
|
1878
|
-
padding: 8px;
|
|
1879
|
-
z-index: 100;
|
|
1880
|
-
}
|
|
1881
|
-
.rq-topbar__menu {
|
|
1882
|
-
display: flex;
|
|
1883
|
-
flex-direction: column;
|
|
1884
|
-
gap: 6px;
|
|
1885
|
-
padding: 4px 2px;
|
|
1886
|
-
}
|
|
1887
|
-
.rq-topbar__divider {
|
|
1888
|
-
height: 1px;
|
|
1889
|
-
background: #a1a1aa;
|
|
1890
|
-
flex-shrink: 0;
|
|
1891
|
-
}
|
|
1892
|
-
.rq-topbar__item {
|
|
1893
|
-
display: flex;
|
|
1894
|
-
align-items: center;
|
|
1895
|
-
gap: 8px;
|
|
1896
|
-
min-height: 32px;
|
|
1897
|
-
padding: 4px;
|
|
1898
|
-
border-radius: 0px;
|
|
1899
|
-
background: transparent;
|
|
1900
|
-
cursor: pointer;
|
|
1901
|
-
transition: background 200ms ease;
|
|
1902
|
-
border: none;
|
|
1903
|
-
width: 100%;
|
|
1904
|
-
text-align: left;
|
|
1905
|
-
}
|
|
1906
|
-
.rq-topbar__item:hover {
|
|
1907
|
-
background: rgba(0, 0, 0, 0.05);
|
|
1908
|
-
}
|
|
1909
|
-
.rq-topbar__item-icon {
|
|
1910
|
-
flex-shrink: 0;
|
|
1911
|
-
color: #18181b;
|
|
1912
|
-
}
|
|
1913
|
-
.rq-topbar__item-label {
|
|
1914
|
-
font-family: "Inter", sans-serif;
|
|
1915
|
-
font-weight: 400;
|
|
1916
|
-
font-size: 14px;
|
|
1917
|
-
line-height: 22px;
|
|
1918
|
-
letter-spacing: 1px;
|
|
1919
|
-
color: #18181b;
|
|
1920
|
-
flex: 1;
|
|
1921
|
-
min-width: 0;
|
|
1922
1998
|
}
|
|
1923
1999
|
.rq-search-input {
|
|
1924
2000
|
display: flex;
|
|
@@ -2652,39 +2728,6 @@
|
|
|
2652
2728
|
height: 48px;
|
|
2653
2729
|
padding: 0 16px;
|
|
2654
2730
|
}
|
|
2655
|
-
.rq-combobox__panel {
|
|
2656
|
-
position: absolute;
|
|
2657
|
-
top: calc(100% + 4px);
|
|
2658
|
-
left: 0;
|
|
2659
|
-
z-index: 1000;
|
|
2660
|
-
box-sizing: border-box;
|
|
2661
|
-
display: flex;
|
|
2662
|
-
flex-direction: column;
|
|
2663
|
-
gap: 2px;
|
|
2664
|
-
min-width: 100%;
|
|
2665
|
-
max-height: calc(8 * 32px + 7 * 2px + 2 * 4px + 2 * 1px);
|
|
2666
|
-
padding: 4px;
|
|
2667
|
-
overflow-y: auto;
|
|
2668
|
-
overscroll-behavior: contain;
|
|
2669
|
-
background: #ffffff;
|
|
2670
|
-
border: 1px solid #e4e4e7;
|
|
2671
|
-
border-radius: 8px;
|
|
2672
|
-
box-shadow: 0px 4px 12px 0px rgba(15, 15, 21, 0.1);
|
|
2673
|
-
}
|
|
2674
|
-
.rq-combobox__panel::-webkit-scrollbar {
|
|
2675
|
-
width: 6px;
|
|
2676
|
-
height: 6px;
|
|
2677
|
-
}
|
|
2678
|
-
.rq-combobox__panel::-webkit-scrollbar-track {
|
|
2679
|
-
background: transparent;
|
|
2680
|
-
}
|
|
2681
|
-
.rq-combobox__panel::-webkit-scrollbar-thumb {
|
|
2682
|
-
background: #e4e4e7;
|
|
2683
|
-
border-radius: 999px;
|
|
2684
|
-
}
|
|
2685
|
-
.rq-combobox__panel::-webkit-scrollbar-corner {
|
|
2686
|
-
background: transparent;
|
|
2687
|
-
}
|
|
2688
2731
|
.rq-combobox__search {
|
|
2689
2732
|
position: sticky;
|
|
2690
2733
|
top: calc(-1 * 4px);
|
|
@@ -2724,88 +2767,10 @@
|
|
|
2724
2767
|
.rq-combobox__search-input::placeholder {
|
|
2725
2768
|
color: #71717a;
|
|
2726
2769
|
}
|
|
2727
|
-
.rq-combobox__group {
|
|
2728
|
-
flex-shrink: 0;
|
|
2729
|
-
padding: 6px 8px;
|
|
2730
|
-
font-size: 12px;
|
|
2731
|
-
line-height: 16px;
|
|
2732
|
-
font-weight: 500;
|
|
2733
|
-
letter-spacing: 1px;
|
|
2734
|
-
color: #52525b;
|
|
2735
|
-
}
|
|
2736
|
-
.rq-combobox__divider {
|
|
2737
|
-
flex-shrink: 0;
|
|
2738
|
-
margin: 0 calc(-1 * 4px);
|
|
2739
|
-
border: none;
|
|
2740
|
-
border-top: 1px solid #e4e4e7;
|
|
2741
|
-
}
|
|
2742
|
-
.rq-combobox__option {
|
|
2743
|
-
box-sizing: border-box;
|
|
2744
|
-
display: flex;
|
|
2745
|
-
flex-shrink: 0;
|
|
2746
|
-
align-items: center;
|
|
2747
|
-
gap: 8px;
|
|
2748
|
-
min-height: 32px;
|
|
2749
|
-
padding: 4px 8px;
|
|
2750
|
-
border-radius: 4px;
|
|
2751
|
-
font-size: 14px;
|
|
2752
|
-
line-height: 22px;
|
|
2753
|
-
font-weight: 400;
|
|
2754
|
-
letter-spacing: 1px;
|
|
2755
|
-
color: #18181b;
|
|
2756
|
-
white-space: nowrap;
|
|
2757
|
-
cursor: pointer;
|
|
2758
|
-
user-select: none;
|
|
2759
|
-
transition: background 100ms ease;
|
|
2760
|
-
}
|
|
2761
|
-
.rq-combobox__option.is-active {
|
|
2762
|
-
background: #e6f0fc;
|
|
2763
|
-
}
|
|
2764
|
-
.rq-combobox__option[aria-selected=true]:not(.rq-combobox__option--multiple) {
|
|
2765
|
-
background: #e6f0fc;
|
|
2766
|
-
}
|
|
2767
|
-
.rq-combobox__option[aria-disabled=true] {
|
|
2768
|
-
opacity: 0.5;
|
|
2769
|
-
cursor: not-allowed;
|
|
2770
|
-
}
|
|
2771
|
-
.rq-combobox__option--danger {
|
|
2772
|
-
color: #a5180d;
|
|
2773
|
-
}
|
|
2774
|
-
.rq-combobox__option--danger .rq-combobox__icon {
|
|
2775
|
-
color: #a5180d;
|
|
2776
|
-
}
|
|
2777
|
-
.rq-combobox__option--danger.is-active {
|
|
2778
|
-
background: #fff1f0;
|
|
2779
|
-
}
|
|
2780
|
-
.rq-combobox__icon {
|
|
2781
|
-
flex-shrink: 0;
|
|
2782
|
-
color: #52525b;
|
|
2783
|
-
}
|
|
2784
2770
|
.rq-combobox__checkbox {
|
|
2785
2771
|
flex-shrink: 0;
|
|
2786
2772
|
pointer-events: none;
|
|
2787
2773
|
}
|
|
2788
|
-
.rq-combobox__text {
|
|
2789
|
-
display: flex;
|
|
2790
|
-
flex: 1 1 auto;
|
|
2791
|
-
flex-direction: column;
|
|
2792
|
-
min-width: 0;
|
|
2793
|
-
}
|
|
2794
|
-
.rq-combobox__label, .rq-combobox__description {
|
|
2795
|
-
overflow: hidden;
|
|
2796
|
-
text-overflow: ellipsis;
|
|
2797
|
-
}
|
|
2798
|
-
.rq-combobox__description {
|
|
2799
|
-
font-size: 12px;
|
|
2800
|
-
line-height: 16px;
|
|
2801
|
-
font-weight: 400;
|
|
2802
|
-
color: #52525b;
|
|
2803
|
-
}
|
|
2804
|
-
.rq-combobox__empty {
|
|
2805
|
-
padding: 4px 8px;
|
|
2806
|
-
font-size: 14px;
|
|
2807
|
-
color: #52525b;
|
|
2808
|
-
}
|
|
2809
2774
|
td[data-v-6ca52014],th[data-v-6ca52014]{padding:2px;background-color:#fff}td.today[data-v-6ca52014]{font-weight:700}td.disabled[data-v-6ca52014]{pointer-events:none;background-color:#eee;border-radius:0;opacity:.6}.fa[data-v-6ca52014]{display:inline-block;width:100%;height:100%;background:transparent no-repeat 50%;background-size:100% 100%;fill:#ccc}.next[data-v-6ca52014]:hover,.prev[data-v-6ca52014]:hover{background-color:transparent!important}.next .fa[data-v-6ca52014]:hover,.prev .fa[data-v-6ca52014]:hover{opacity:.6}.chevron-left[data-v-6ca52014]{width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 10 10'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.chevron-right[data-v-6ca52014]{width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 10 10'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.yearselect[data-v-6ca52014]{padding-right:1px;border:none;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.monthselect[data-v-6ca52014]{border:none}.daterangepicker.hide-calendars.show-ranges .ranges,.daterangepicker.hide-calendars.show-ranges .ranges ul{width:100%}.daterangepicker .calendars-container{display:-webkit-box;display:-ms-flexbox;display:flex}.daterangepicker{position:absolute;color:inherit;background-color:#fff;border-radius:4px;border:1px solid #ddd;width:278px;max-width:none;padding:0;margin-top:7px;top:100px;left:20px;z-index:3001;display:none;font-size:15px;line-height:1em}.daterangepicker:after,.daterangepicker:before{position:absolute;display:inline-block;border-bottom-color:rgba(0,0,0,.2);content:""}.daterangepicker:before{top:-7px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #ccc}.daterangepicker:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent}.daterangepicker.opensleft:before{right:9px}.daterangepicker.opensleft:after{right:10px}.daterangepicker.openscenter:after,.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto}.daterangepicker.opensright:before{left:9px}.daterangepicker.opensright:after{left:10px}.daterangepicker.drop-up{margin-top:-7px}.daterangepicker.drop-up:before{top:auto;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc}.daterangepicker.drop-up:after{top:auto;bottom:-6px;border-bottom:initial;border-top:6px solid #fff}.daterangepicker.single .drp-selected{display:none}.daterangepicker.show-calendar .drp-buttons,.daterangepicker.show-calendar .drp-calendar{display:block}.daterangepicker.auto-apply .drp-buttons{display:none}.daterangepicker .drp-calendar{display:none;max-width:270px;width:270px}.daterangepicker .drp-calendar.left{padding:8px 0 8px 8px}.daterangepicker .drp-calendar.right{padding:8px}.daterangepicker .drp-calendar.single .calendar-table{border:none}.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span{color:#fff;border:solid #000;border-width:0 2px 2px 0;border-radius:0;display:inline-block;padding:3px}.daterangepicker .calendar-table .next span{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.daterangepicker .calendar-table .prev span{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.daterangepicker .calendar-table td,.daterangepicker .calendar-table th{white-space:nowrap;text-align:center;vertical-align:middle;min-width:32px;width:32px;height:24px;line-height:24px;font-size:12px;border-radius:4px;border:1px solid transparent;cursor:pointer}.daterangepicker .calendar-table{border:1px solid #fff;border-radius:4px;background-color:#fff}.daterangepicker .calendar-table table{width:100%;margin:0;border-spacing:0;border-collapse:collapse;display:table}.daterangepicker td.available:hover,.daterangepicker th.available:hover{background-color:#eee;border-color:transparent;color:inherit}.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc}.daterangepicker td.off,.daterangepicker td.off.end-date,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date{background-color:#fff;border-color:transparent;color:#999}.daterangepicker td.in-range{background-color:#ebf4f8;border-color:transparent;color:#000;border-radius:0}.daterangepicker td.start-date{border-radius:4px 0 0 4px}.daterangepicker td.end-date{border-radius:0 4px 4px 0}.daterangepicker td.start-date.end-date{border-radius:4px}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#357ebd;border-color:transparent;color:#fff}.daterangepicker th.month{width:auto}.daterangepicker option.disabled,.daterangepicker td.disabled{color:#999;cursor:not-allowed;text-decoration:line-through}.daterangepicker select.monthselect,.daterangepicker select.yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default}.daterangepicker select.monthselect{margin-right:2%;width:56%}.daterangepicker select.yearselect{width:40%}.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect{width:50px;margin:0 auto;background:#eee;border:1px solid #eee;padding:2px;outline:0;font-size:12px}.daterangepicker .calendar-time{text-align:center;margin:4px auto 0 auto;line-height:30px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed}.daterangepicker .drp-buttons{clear:both;text-align:right;padding:8px;border-top:1px solid #ddd;display:none;line-height:12px;vertical-align:middle}.daterangepicker .drp-selected{display:inline-block;font-size:12px;padding-right:8px}.daterangepicker .drp-buttons .btn{margin-left:8px;font-size:12px;font-weight:700;padding:4px 8px}.daterangepicker.show-ranges .drp-calendar.left{border-left:1px solid #ddd}.daterangepicker .ranges{text-align:left;margin:0}.daterangepicker.show-calendar .ranges{margin-top:8px}.daterangepicker .ranges ul{list-style:none;margin:0 auto;padding:0;width:100%}.daterangepicker .ranges li{font-size:12px;padding:8px 12px;cursor:pointer}.daterangepicker .ranges li:hover{background-color:#eee}.daterangepicker .ranges li.active{background-color:#08c;color:#fff}@media (min-width:564px){.daterangepicker{width:auto}.daterangepicker .ranges ul{width:140px}.daterangepicker.single .ranges ul{width:100%}.daterangepicker.single .drp-calendar.left{clear:none}.daterangepicker.ltr{direction:ltr;text-align:left}.daterangepicker.ltr .drp-calendar.left{clear:left;margin-right:0}.daterangepicker.ltr .drp-calendar.left .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.daterangepicker.ltr .drp-calendar.right{margin-left:0}.daterangepicker.ltr .drp-calendar.right .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.daterangepicker.ltr .drp-calendar.left .calendar-table{padding-right:8px}.daterangepicker.rtl{direction:rtl;text-align:right}.daterangepicker.rtl .drp-calendar.left{clear:right;margin-left:0}.daterangepicker.rtl .drp-calendar.left .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.daterangepicker.rtl .drp-calendar.right{margin-right:0}.daterangepicker.rtl .drp-calendar.right .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.daterangepicker.rtl .drp-calendar.left .calendar-table{padding-left:12px}.daterangepicker.rtl .drp-calendar,.daterangepicker.rtl .ranges{text-align:right}}@media (min-width:730px){.daterangepicker .ranges{width:auto}.daterangepicker .drp-calendar.left{clear:none!important}}.reportrange-text[data-v-0fe7292a]{background:#fff;cursor:pointer;padding:5px 10px;border:1px solid #ccc;width:100%}.daterangepicker[data-v-0fe7292a]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}@media screen and (max-width:768px){.daterangepicker.show-ranges .drp-calendar.left[data-v-0fe7292a]{border-left:0}.daterangepicker.show-ranges .ranges[data-v-0fe7292a]{border-bottom:1px solid #ddd}.daterangepicker.show-ranges .ranges[data-v-0fe7292a] ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:auto}}@media screen and (min-width:540px){.daterangepicker.show-weeknumbers[data-v-0fe7292a],.daterangepicker[data-v-0fe7292a]{min-width:486px}}@media screen and (min-width:768px){.daterangepicker.show-ranges.show-weeknumbers[data-v-0fe7292a],.daterangepicker.show-ranges[data-v-0fe7292a]{min-width:682px}}@media screen and (max-width:340px){.daterangepicker.single.show-weeknumbers[data-v-0fe7292a],.daterangepicker.single[data-v-0fe7292a]{min-width:250px}}@media screen and (min-width:339px){.daterangepicker.single[data-v-0fe7292a]{min-width:auto}.daterangepicker.single.show-ranges.show-weeknumbers[data-v-0fe7292a],.daterangepicker.single.show-ranges[data-v-0fe7292a]{min-width:356px}.daterangepicker.single.show-ranges .drp-calendar.left[data-v-0fe7292a]{border-left:1px solid #ddd}.daterangepicker.single.show-ranges .ranges[data-v-0fe7292a]{width:auto;max-width:none;-ms-flex-preferred-size:auto;flex-basis:auto;border-bottom:0}.daterangepicker.single.show-ranges .ranges[data-v-0fe7292a] ul{display:block;width:100%}}.daterangepicker.show-calendar[data-v-0fe7292a]{display:block}.daterangepicker.opensleft[data-v-0fe7292a]{top:35px;right:10px;left:auto}.daterangepicker.openscenter[data-v-0fe7292a]{top:35px;right:auto;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.daterangepicker.opensright[data-v-0fe7292a]{top:35px;left:10px;right:auto}.slide-fade-enter-active[data-v-0fe7292a]{-webkit-transition:all .2s ease;transition:all .2s ease}.slide-fade-leave-active[data-v-0fe7292a]{-webkit-transition:all .1s cubic-bezier(1,.5,.8,1);transition:all .1s cubic-bezier(1,.5,.8,1)}.slide-fade-enter[data-v-0fe7292a],.slide-fade-leave-to[data-v-0fe7292a]{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}.vue-daterange-picker[data-v-0fe7292a]{position:relative;display:inline-block;min-width:60px}.vue-daterange-picker .dropdown-menu[data-v-0fe7292a]{padding:0}.vue-daterange-picker .show-ranges.hide-calendars[data-v-0fe7292a]{width:150px;min-width:150px}
|
|
2810
2775
|
.rq-calendar .vue-daterange-picker,
|
|
2811
2776
|
.rq-datepicker .vue-daterange-picker {
|
|
@@ -2823,114 +2788,180 @@ td[data-v-6ca52014],th[data-v-6ca52014]{padding:2px;background-color:#fff}td.tod
|
|
|
2823
2788
|
background: transparent;
|
|
2824
2789
|
font-family: "Inter", sans-serif;
|
|
2825
2790
|
}
|
|
2791
|
+
.rq-calendar .daterangepicker::before, .rq-calendar .daterangepicker::after,
|
|
2792
|
+
.rq-datepicker .daterangepicker::before,
|
|
2793
|
+
.rq-datepicker .daterangepicker::after {
|
|
2794
|
+
display: none;
|
|
2795
|
+
}
|
|
2826
2796
|
.rq-calendar .drp-buttons,
|
|
2827
2797
|
.rq-datepicker .drp-buttons {
|
|
2828
2798
|
display: none;
|
|
2829
2799
|
}
|
|
2830
|
-
.rq-calendar .table-condensed,
|
|
2831
|
-
.rq-datepicker .table-condensed {
|
|
2832
|
-
width:
|
|
2833
|
-
border-collapse:
|
|
2800
|
+
.rq-calendar .daterangepicker .table-condensed,
|
|
2801
|
+
.rq-datepicker .daterangepicker .table-condensed {
|
|
2802
|
+
width: auto;
|
|
2803
|
+
border-collapse: separate;
|
|
2804
|
+
border-spacing: 1px;
|
|
2834
2805
|
}
|
|
2835
|
-
.rq-calendar .
|
|
2836
|
-
.rq-
|
|
2837
|
-
.rq-datepicker .table-condensed
|
|
2838
|
-
|
|
2806
|
+
.rq-calendar .daterangepicker .table-condensed th,
|
|
2807
|
+
.rq-calendar .daterangepicker .table-condensed td,
|
|
2808
|
+
.rq-datepicker .daterangepicker .table-condensed th,
|
|
2809
|
+
.rq-datepicker .daterangepicker .table-condensed td {
|
|
2810
|
+
min-width: 48px;
|
|
2811
|
+
width: 48px;
|
|
2812
|
+
height: 48px;
|
|
2813
|
+
padding: 0;
|
|
2814
|
+
border: none;
|
|
2815
|
+
border-radius: 4px;
|
|
2816
|
+
background: transparent;
|
|
2839
2817
|
font-family: "Inter", sans-serif;
|
|
2840
2818
|
font-size: 14px;
|
|
2819
|
+
font-weight: 400;
|
|
2841
2820
|
line-height: 22px;
|
|
2842
|
-
|
|
2821
|
+
letter-spacing: 1px;
|
|
2822
|
+
text-align: center;
|
|
2823
|
+
vertical-align: middle;
|
|
2824
|
+
color: #18181b;
|
|
2843
2825
|
}
|
|
2844
|
-
.rq-calendar .table-condensed
|
|
2845
|
-
.rq-datepicker .table-condensed
|
|
2846
|
-
|
|
2826
|
+
.rq-calendar .daterangepicker .table-condensed thead th,
|
|
2827
|
+
.rq-datepicker .daterangepicker .table-condensed thead th {
|
|
2828
|
+
height: 40px;
|
|
2829
|
+
padding-bottom: 16px;
|
|
2830
|
+
}
|
|
2831
|
+
.rq-calendar .daterangepicker .table-condensed thead th.month,
|
|
2832
|
+
.rq-datepicker .daterangepicker .table-condensed thead th.month {
|
|
2833
|
+
width: auto;
|
|
2834
|
+
white-space: nowrap;
|
|
2847
2835
|
font-weight: 500;
|
|
2848
|
-
font-size: 12px;
|
|
2849
2836
|
}
|
|
2850
|
-
.rq-calendar
|
|
2851
|
-
.rq-datepicker
|
|
2852
|
-
|
|
2837
|
+
.rq-calendar .daterangepicker .table-condensed tbody tr:first-child th,
|
|
2838
|
+
.rq-datepicker .daterangepicker .table-condensed tbody tr:first-child th {
|
|
2839
|
+
height: 32px;
|
|
2840
|
+
color: #71717a;
|
|
2853
2841
|
}
|
|
2854
|
-
.rq-calendar td.
|
|
2855
|
-
.rq-datepicker td.
|
|
2856
|
-
|
|
2857
|
-
|
|
2858
|
-
|
|
2859
|
-
|
|
2842
|
+
.rq-calendar .daterangepicker td.today,
|
|
2843
|
+
.rq-datepicker .daterangepicker td.today {
|
|
2844
|
+
font-weight: 400;
|
|
2845
|
+
}
|
|
2846
|
+
.rq-calendar .daterangepicker td.available:hover,
|
|
2847
|
+
.rq-datepicker .daterangepicker td.available:hover {
|
|
2848
|
+
background: #f4f4f5;
|
|
2849
|
+
color: #18181b;
|
|
2850
|
+
}
|
|
2851
|
+
.rq-calendar .daterangepicker td.off,
|
|
2852
|
+
.rq-calendar .daterangepicker td.off.in-range,
|
|
2853
|
+
.rq-calendar .daterangepicker td.off.start-date,
|
|
2854
|
+
.rq-calendar .daterangepicker td.off.end-date,
|
|
2855
|
+
.rq-datepicker .daterangepicker td.off,
|
|
2856
|
+
.rq-datepicker .daterangepicker td.off.in-range,
|
|
2857
|
+
.rq-datepicker .daterangepicker td.off.start-date,
|
|
2858
|
+
.rq-datepicker .daterangepicker td.off.end-date {
|
|
2860
2859
|
background: transparent;
|
|
2861
|
-
|
|
2860
|
+
color: #a1a1aa;
|
|
2862
2861
|
}
|
|
2863
|
-
.rq-calendar td.rq-calendar-day--
|
|
2864
|
-
.rq-
|
|
2865
|
-
|
|
2866
|
-
|
|
2862
|
+
.rq-calendar .daterangepicker td.rq-calendar-day--disabled,
|
|
2863
|
+
.rq-calendar .daterangepicker td.rq-calendar-day--disabled:hover,
|
|
2864
|
+
.rq-datepicker .daterangepicker td.rq-calendar-day--disabled,
|
|
2865
|
+
.rq-datepicker .daterangepicker td.rq-calendar-day--disabled:hover {
|
|
2866
|
+
background: #f4f4f5;
|
|
2867
|
+
color: #52525b;
|
|
2868
|
+
opacity: 0.5;
|
|
2869
|
+
text-decoration: none;
|
|
2870
|
+
cursor: not-allowed;
|
|
2871
|
+
pointer-events: none;
|
|
2867
2872
|
}
|
|
2873
|
+
.rq-calendar .daterangepicker td.rq-calendar-day--selected,
|
|
2868
2874
|
.rq-calendar .daterangepicker td.rq-calendar-day--selected:hover,
|
|
2869
|
-
.rq-
|
|
2875
|
+
.rq-calendar .daterangepicker:not(.single) td.rq-calendar-day--active,
|
|
2876
|
+
.rq-calendar .daterangepicker:not(.single) td.rq-calendar-day--active:hover,
|
|
2877
|
+
.rq-datepicker .daterangepicker td.rq-calendar-day--selected,
|
|
2878
|
+
.rq-datepicker .daterangepicker td.rq-calendar-day--selected:hover,
|
|
2879
|
+
.rq-datepicker .daterangepicker:not(.single) td.rq-calendar-day--active,
|
|
2880
|
+
.rq-datepicker .daterangepicker:not(.single) td.rq-calendar-day--active:hover {
|
|
2870
2881
|
background: #b0cff5;
|
|
2871
|
-
color: #
|
|
2872
|
-
|
|
2873
|
-
.rq-calendar td.rq-calendar-day--active,
|
|
2874
|
-
.rq-datepicker td.rq-calendar-day--active {
|
|
2875
|
-
background: #040045;
|
|
2876
|
-
color: #ffffff;
|
|
2877
|
-
border-radius: 999px;
|
|
2882
|
+
color: #18181b;
|
|
2883
|
+
border-radius: 4px;
|
|
2878
2884
|
}
|
|
2879
|
-
.rq-calendar .daterangepicker td.rq-calendar-day--active
|
|
2880
|
-
.rq-
|
|
2881
|
-
|
|
2885
|
+
.rq-calendar .daterangepicker.single td.rq-calendar-day--active,
|
|
2886
|
+
.rq-calendar .daterangepicker.single td.rq-calendar-day--active:hover,
|
|
2887
|
+
.rq-datepicker .daterangepicker.single td.rq-calendar-day--active,
|
|
2888
|
+
.rq-datepicker .daterangepicker.single td.rq-calendar-day--active:hover {
|
|
2889
|
+
background: #04003f;
|
|
2882
2890
|
color: #ffffff;
|
|
2891
|
+
border-radius: 4px;
|
|
2883
2892
|
}
|
|
2884
|
-
.rq-calendar
|
|
2885
|
-
.rq-
|
|
2886
|
-
|
|
2887
|
-
|
|
2888
|
-
|
|
2889
|
-
|
|
2890
|
-
|
|
2891
|
-
|
|
2892
|
-
|
|
2893
|
-
|
|
2894
|
-
.
|
|
2895
|
-
|
|
2896
|
-
.rq-datepicker select.monthselect,
|
|
2897
|
-
.rq-datepicker input.yearselect {
|
|
2893
|
+
.rq-calendar .daterangepicker select.monthselect,
|
|
2894
|
+
.rq-calendar .daterangepicker input.yearselect,
|
|
2895
|
+
.rq-datepicker .daterangepicker select.monthselect,
|
|
2896
|
+
.rq-datepicker .daterangepicker input.yearselect {
|
|
2897
|
+
box-sizing: border-box;
|
|
2898
|
+
width: 124px;
|
|
2899
|
+
height: 38px;
|
|
2900
|
+
margin: 0 2px;
|
|
2901
|
+
padding: 8px 12px;
|
|
2902
|
+
background: #ffffff;
|
|
2903
|
+
border: 1.5px solid #e4e4e7;
|
|
2904
|
+
border-radius: 8px;
|
|
2898
2905
|
font-family: "Inter", sans-serif;
|
|
2899
2906
|
font-size: 14px;
|
|
2900
|
-
|
|
2901
|
-
|
|
2902
|
-
padding: 4px 8px;
|
|
2907
|
+
line-height: 22px;
|
|
2908
|
+
letter-spacing: 1px;
|
|
2903
2909
|
color: #18181b;
|
|
2904
2910
|
}
|
|
2905
|
-
.rq-calendar
|
|
2906
|
-
.rq-datepicker
|
|
2907
|
-
|
|
2911
|
+
.rq-calendar .daterangepicker input.yearselect,
|
|
2912
|
+
.rq-datepicker .daterangepicker input.yearselect {
|
|
2913
|
+
width: 96px;
|
|
2914
|
+
}
|
|
2915
|
+
.rq-calendar .daterangepicker th.prev,
|
|
2916
|
+
.rq-calendar .daterangepicker th.next,
|
|
2917
|
+
.rq-datepicker .daterangepicker th.prev,
|
|
2918
|
+
.rq-datepicker .daterangepicker th.next {
|
|
2919
|
+
width: 40px;
|
|
2920
|
+
min-width: 40px;
|
|
2908
2921
|
cursor: pointer;
|
|
2909
|
-
width: 32px;
|
|
2910
2922
|
}
|
|
2911
|
-
.rq-calendar
|
|
2912
|
-
.rq-
|
|
2913
|
-
.rq-datepicker th.
|
|
2923
|
+
.rq-calendar .daterangepicker .calendar-table th.prev span,
|
|
2924
|
+
.rq-calendar .daterangepicker .calendar-table th.next span,
|
|
2925
|
+
.rq-datepicker .daterangepicker .calendar-table th.prev span,
|
|
2926
|
+
.rq-datepicker .daterangepicker .calendar-table th.next span {
|
|
2927
|
+
position: relative;
|
|
2914
2928
|
display: inline-block;
|
|
2915
|
-
|
|
2916
|
-
|
|
2917
|
-
|
|
2929
|
+
box-sizing: border-box;
|
|
2930
|
+
width: 40px;
|
|
2931
|
+
height: 40px;
|
|
2932
|
+
padding: 0;
|
|
2933
|
+
border: none;
|
|
2934
|
+
border-radius: 8px;
|
|
2935
|
+
background: #040045;
|
|
2936
|
+
transform: none;
|
|
2937
|
+
transition: background 200ms ease;
|
|
2938
|
+
}
|
|
2939
|
+
.rq-calendar .daterangepicker .calendar-table th.prev span::after,
|
|
2940
|
+
.rq-calendar .daterangepicker .calendar-table th.next span::after,
|
|
2941
|
+
.rq-datepicker .daterangepicker .calendar-table th.prev span::after,
|
|
2942
|
+
.rq-datepicker .daterangepicker .calendar-table th.next span::after {
|
|
2943
|
+
content: "";
|
|
2944
|
+
position: absolute;
|
|
2945
|
+
top: 50%;
|
|
2946
|
+
left: 50%;
|
|
2947
|
+
width: 7px;
|
|
2948
|
+
height: 7px;
|
|
2949
|
+
border: solid #ffffff;
|
|
2918
2950
|
border-width: 0 2px 2px 0;
|
|
2919
2951
|
}
|
|
2920
|
-
.rq-calendar th.prev span,
|
|
2921
|
-
.rq-datepicker th.prev span {
|
|
2922
|
-
transform: rotate(135deg);
|
|
2952
|
+
.rq-calendar .daterangepicker .calendar-table th.prev span::after,
|
|
2953
|
+
.rq-datepicker .daterangepicker .calendar-table th.prev span::after {
|
|
2954
|
+
transform: translate(-30%, -50%) rotate(135deg);
|
|
2923
2955
|
}
|
|
2924
|
-
.rq-calendar th.next span,
|
|
2925
|
-
.rq-datepicker th.next span {
|
|
2926
|
-
transform: rotate(-45deg);
|
|
2956
|
+
.rq-calendar .daterangepicker .calendar-table th.next span::after,
|
|
2957
|
+
.rq-datepicker .daterangepicker .calendar-table th.next span::after {
|
|
2958
|
+
transform: translate(-70%, -50%) rotate(-45deg);
|
|
2927
2959
|
}
|
|
2928
|
-
.rq-calendar .daterangepicker th.prev span,
|
|
2929
|
-
.rq-calendar .daterangepicker th.next span,
|
|
2930
|
-
.rq-datepicker .daterangepicker th.prev span,
|
|
2931
|
-
.rq-datepicker .daterangepicker th.next span {
|
|
2932
|
-
|
|
2933
|
-
border-width: 0 2px 2px 0;
|
|
2960
|
+
.rq-calendar .daterangepicker .calendar-table th.prev:hover span,
|
|
2961
|
+
.rq-calendar .daterangepicker .calendar-table th.next:hover span,
|
|
2962
|
+
.rq-datepicker .daterangepicker .calendar-table th.prev:hover span,
|
|
2963
|
+
.rq-datepicker .daterangepicker .calendar-table th.next:hover span {
|
|
2964
|
+
background: #36336a;
|
|
2934
2965
|
}
|
|
2935
2966
|
.rq-calendar[data-header-type=double] .drp-calendar.left th.next,
|
|
2936
2967
|
.rq-calendar[data-header-type=double] .drp-calendar.right th.prev,
|
|
@@ -2944,6 +2975,30 @@ td[data-v-6ca52014],th[data-v-6ca52014]{padding:2px;background-color:#fff}td.tod
|
|
|
2944
2975
|
display: block;
|
|
2945
2976
|
width: fit-content;
|
|
2946
2977
|
}
|
|
2978
|
+
.rq-calendar .reportrange-text {
|
|
2979
|
+
display: none;
|
|
2980
|
+
}
|
|
2981
|
+
.rq-calendar .vue-daterange-picker .daterangepicker.openscenter,
|
|
2982
|
+
.rq-calendar .vue-daterange-picker .daterangepicker.opensleft,
|
|
2983
|
+
.rq-calendar .vue-daterange-picker .daterangepicker.opensright {
|
|
2984
|
+
top: auto;
|
|
2985
|
+
left: auto;
|
|
2986
|
+
right: auto;
|
|
2987
|
+
transform: none;
|
|
2988
|
+
}
|
|
2989
|
+
.rq-calendar .daterangepicker .calendars {
|
|
2990
|
+
display: flex;
|
|
2991
|
+
flex-wrap: nowrap;
|
|
2992
|
+
gap: 16px;
|
|
2993
|
+
}
|
|
2994
|
+
.rq-calendar .daterangepicker .drp-calendar,
|
|
2995
|
+
.rq-calendar .daterangepicker .drp-calendar.left,
|
|
2996
|
+
.rq-calendar .daterangepicker .drp-calendar.right {
|
|
2997
|
+
width: auto;
|
|
2998
|
+
max-width: none;
|
|
2999
|
+
padding: 0;
|
|
3000
|
+
border-left: none;
|
|
3001
|
+
}
|
|
2947
3002
|
.rq-table__expanded-content::-webkit-scrollbar, .rq-table__scroll::-webkit-scrollbar {
|
|
2948
3003
|
width: 6px;
|
|
2949
3004
|
height: 6px;
|
|
@@ -3292,6 +3347,395 @@ td[data-v-6ca52014],th[data-v-6ca52014]{padding:2px;background-color:#fff}td.tod
|
|
|
3292
3347
|
align-items: center;
|
|
3293
3348
|
gap: 16px;
|
|
3294
3349
|
}
|
|
3350
|
+
.rq-calendar .vue-daterange-picker,
|
|
3351
|
+
.rq-datepicker .vue-daterange-picker {
|
|
3352
|
+
display: block;
|
|
3353
|
+
width: 100%;
|
|
3354
|
+
}
|
|
3355
|
+
.rq-calendar .daterangepicker,
|
|
3356
|
+
.rq-datepicker .daterangepicker {
|
|
3357
|
+
position: static;
|
|
3358
|
+
display: block;
|
|
3359
|
+
float: none;
|
|
3360
|
+
margin: 0;
|
|
3361
|
+
box-shadow: none;
|
|
3362
|
+
border: none;
|
|
3363
|
+
background: transparent;
|
|
3364
|
+
font-family: "Inter", sans-serif;
|
|
3365
|
+
}
|
|
3366
|
+
.rq-calendar .daterangepicker::before, .rq-calendar .daterangepicker::after,
|
|
3367
|
+
.rq-datepicker .daterangepicker::before,
|
|
3368
|
+
.rq-datepicker .daterangepicker::after {
|
|
3369
|
+
display: none;
|
|
3370
|
+
}
|
|
3371
|
+
.rq-calendar .drp-buttons,
|
|
3372
|
+
.rq-datepicker .drp-buttons {
|
|
3373
|
+
display: none;
|
|
3374
|
+
}
|
|
3375
|
+
.rq-calendar .daterangepicker .table-condensed,
|
|
3376
|
+
.rq-datepicker .daterangepicker .table-condensed {
|
|
3377
|
+
width: auto;
|
|
3378
|
+
border-collapse: separate;
|
|
3379
|
+
border-spacing: 1px;
|
|
3380
|
+
}
|
|
3381
|
+
.rq-calendar .daterangepicker .table-condensed th,
|
|
3382
|
+
.rq-calendar .daterangepicker .table-condensed td,
|
|
3383
|
+
.rq-datepicker .daterangepicker .table-condensed th,
|
|
3384
|
+
.rq-datepicker .daterangepicker .table-condensed td {
|
|
3385
|
+
min-width: 48px;
|
|
3386
|
+
width: 48px;
|
|
3387
|
+
height: 48px;
|
|
3388
|
+
padding: 0;
|
|
3389
|
+
border: none;
|
|
3390
|
+
border-radius: 4px;
|
|
3391
|
+
background: transparent;
|
|
3392
|
+
font-family: "Inter", sans-serif;
|
|
3393
|
+
font-size: 14px;
|
|
3394
|
+
font-weight: 400;
|
|
3395
|
+
line-height: 22px;
|
|
3396
|
+
letter-spacing: 1px;
|
|
3397
|
+
text-align: center;
|
|
3398
|
+
vertical-align: middle;
|
|
3399
|
+
color: #18181b;
|
|
3400
|
+
}
|
|
3401
|
+
.rq-calendar .daterangepicker .table-condensed thead th,
|
|
3402
|
+
.rq-datepicker .daterangepicker .table-condensed thead th {
|
|
3403
|
+
height: 40px;
|
|
3404
|
+
padding-bottom: 16px;
|
|
3405
|
+
}
|
|
3406
|
+
.rq-calendar .daterangepicker .table-condensed thead th.month,
|
|
3407
|
+
.rq-datepicker .daterangepicker .table-condensed thead th.month {
|
|
3408
|
+
width: auto;
|
|
3409
|
+
white-space: nowrap;
|
|
3410
|
+
font-weight: 500;
|
|
3411
|
+
}
|
|
3412
|
+
.rq-calendar .daterangepicker .table-condensed tbody tr:first-child th,
|
|
3413
|
+
.rq-datepicker .daterangepicker .table-condensed tbody tr:first-child th {
|
|
3414
|
+
height: 32px;
|
|
3415
|
+
color: #71717a;
|
|
3416
|
+
}
|
|
3417
|
+
.rq-calendar .daterangepicker td.today,
|
|
3418
|
+
.rq-datepicker .daterangepicker td.today {
|
|
3419
|
+
font-weight: 400;
|
|
3420
|
+
}
|
|
3421
|
+
.rq-calendar .daterangepicker td.available:hover,
|
|
3422
|
+
.rq-datepicker .daterangepicker td.available:hover {
|
|
3423
|
+
background: #f4f4f5;
|
|
3424
|
+
color: #18181b;
|
|
3425
|
+
}
|
|
3426
|
+
.rq-calendar .daterangepicker td.off,
|
|
3427
|
+
.rq-calendar .daterangepicker td.off.in-range,
|
|
3428
|
+
.rq-calendar .daterangepicker td.off.start-date,
|
|
3429
|
+
.rq-calendar .daterangepicker td.off.end-date,
|
|
3430
|
+
.rq-datepicker .daterangepicker td.off,
|
|
3431
|
+
.rq-datepicker .daterangepicker td.off.in-range,
|
|
3432
|
+
.rq-datepicker .daterangepicker td.off.start-date,
|
|
3433
|
+
.rq-datepicker .daterangepicker td.off.end-date {
|
|
3434
|
+
background: transparent;
|
|
3435
|
+
color: #a1a1aa;
|
|
3436
|
+
}
|
|
3437
|
+
.rq-calendar .daterangepicker td.rq-calendar-day--disabled,
|
|
3438
|
+
.rq-calendar .daterangepicker td.rq-calendar-day--disabled:hover,
|
|
3439
|
+
.rq-datepicker .daterangepicker td.rq-calendar-day--disabled,
|
|
3440
|
+
.rq-datepicker .daterangepicker td.rq-calendar-day--disabled:hover {
|
|
3441
|
+
background: #f4f4f5;
|
|
3442
|
+
color: #52525b;
|
|
3443
|
+
opacity: 0.5;
|
|
3444
|
+
text-decoration: none;
|
|
3445
|
+
cursor: not-allowed;
|
|
3446
|
+
pointer-events: none;
|
|
3447
|
+
}
|
|
3448
|
+
.rq-calendar .daterangepicker td.rq-calendar-day--selected,
|
|
3449
|
+
.rq-calendar .daterangepicker td.rq-calendar-day--selected:hover,
|
|
3450
|
+
.rq-calendar .daterangepicker:not(.single) td.rq-calendar-day--active,
|
|
3451
|
+
.rq-calendar .daterangepicker:not(.single) td.rq-calendar-day--active:hover,
|
|
3452
|
+
.rq-datepicker .daterangepicker td.rq-calendar-day--selected,
|
|
3453
|
+
.rq-datepicker .daterangepicker td.rq-calendar-day--selected:hover,
|
|
3454
|
+
.rq-datepicker .daterangepicker:not(.single) td.rq-calendar-day--active,
|
|
3455
|
+
.rq-datepicker .daterangepicker:not(.single) td.rq-calendar-day--active:hover {
|
|
3456
|
+
background: #b0cff5;
|
|
3457
|
+
color: #18181b;
|
|
3458
|
+
border-radius: 4px;
|
|
3459
|
+
}
|
|
3460
|
+
.rq-calendar .daterangepicker.single td.rq-calendar-day--active,
|
|
3461
|
+
.rq-calendar .daterangepicker.single td.rq-calendar-day--active:hover,
|
|
3462
|
+
.rq-datepicker .daterangepicker.single td.rq-calendar-day--active,
|
|
3463
|
+
.rq-datepicker .daterangepicker.single td.rq-calendar-day--active:hover {
|
|
3464
|
+
background: #04003f;
|
|
3465
|
+
color: #ffffff;
|
|
3466
|
+
border-radius: 4px;
|
|
3467
|
+
}
|
|
3468
|
+
.rq-calendar .daterangepicker select.monthselect,
|
|
3469
|
+
.rq-calendar .daterangepicker input.yearselect,
|
|
3470
|
+
.rq-datepicker .daterangepicker select.monthselect,
|
|
3471
|
+
.rq-datepicker .daterangepicker input.yearselect {
|
|
3472
|
+
box-sizing: border-box;
|
|
3473
|
+
width: 124px;
|
|
3474
|
+
height: 38px;
|
|
3475
|
+
margin: 0 2px;
|
|
3476
|
+
padding: 8px 12px;
|
|
3477
|
+
background: #ffffff;
|
|
3478
|
+
border: 1.5px solid #e4e4e7;
|
|
3479
|
+
border-radius: 8px;
|
|
3480
|
+
font-family: "Inter", sans-serif;
|
|
3481
|
+
font-size: 14px;
|
|
3482
|
+
line-height: 22px;
|
|
3483
|
+
letter-spacing: 1px;
|
|
3484
|
+
color: #18181b;
|
|
3485
|
+
}
|
|
3486
|
+
.rq-calendar .daterangepicker input.yearselect,
|
|
3487
|
+
.rq-datepicker .daterangepicker input.yearselect {
|
|
3488
|
+
width: 96px;
|
|
3489
|
+
}
|
|
3490
|
+
.rq-calendar .daterangepicker th.prev,
|
|
3491
|
+
.rq-calendar .daterangepicker th.next,
|
|
3492
|
+
.rq-datepicker .daterangepicker th.prev,
|
|
3493
|
+
.rq-datepicker .daterangepicker th.next {
|
|
3494
|
+
width: 40px;
|
|
3495
|
+
min-width: 40px;
|
|
3496
|
+
cursor: pointer;
|
|
3497
|
+
}
|
|
3498
|
+
.rq-calendar .daterangepicker .calendar-table th.prev span,
|
|
3499
|
+
.rq-calendar .daterangepicker .calendar-table th.next span,
|
|
3500
|
+
.rq-datepicker .daterangepicker .calendar-table th.prev span,
|
|
3501
|
+
.rq-datepicker .daterangepicker .calendar-table th.next span {
|
|
3502
|
+
position: relative;
|
|
3503
|
+
display: inline-block;
|
|
3504
|
+
box-sizing: border-box;
|
|
3505
|
+
width: 40px;
|
|
3506
|
+
height: 40px;
|
|
3507
|
+
padding: 0;
|
|
3508
|
+
border: none;
|
|
3509
|
+
border-radius: 8px;
|
|
3510
|
+
background: #040045;
|
|
3511
|
+
transform: none;
|
|
3512
|
+
transition: background 200ms ease;
|
|
3513
|
+
}
|
|
3514
|
+
.rq-calendar .daterangepicker .calendar-table th.prev span::after,
|
|
3515
|
+
.rq-calendar .daterangepicker .calendar-table th.next span::after,
|
|
3516
|
+
.rq-datepicker .daterangepicker .calendar-table th.prev span::after,
|
|
3517
|
+
.rq-datepicker .daterangepicker .calendar-table th.next span::after {
|
|
3518
|
+
content: "";
|
|
3519
|
+
position: absolute;
|
|
3520
|
+
top: 50%;
|
|
3521
|
+
left: 50%;
|
|
3522
|
+
width: 7px;
|
|
3523
|
+
height: 7px;
|
|
3524
|
+
border: solid #ffffff;
|
|
3525
|
+
border-width: 0 2px 2px 0;
|
|
3526
|
+
}
|
|
3527
|
+
.rq-calendar .daterangepicker .calendar-table th.prev span::after,
|
|
3528
|
+
.rq-datepicker .daterangepicker .calendar-table th.prev span::after {
|
|
3529
|
+
transform: translate(-30%, -50%) rotate(135deg);
|
|
3530
|
+
}
|
|
3531
|
+
.rq-calendar .daterangepicker .calendar-table th.next span::after,
|
|
3532
|
+
.rq-datepicker .daterangepicker .calendar-table th.next span::after {
|
|
3533
|
+
transform: translate(-70%, -50%) rotate(-45deg);
|
|
3534
|
+
}
|
|
3535
|
+
.rq-calendar .daterangepicker .calendar-table th.prev:hover span,
|
|
3536
|
+
.rq-calendar .daterangepicker .calendar-table th.next:hover span,
|
|
3537
|
+
.rq-datepicker .daterangepicker .calendar-table th.prev:hover span,
|
|
3538
|
+
.rq-datepicker .daterangepicker .calendar-table th.next:hover span {
|
|
3539
|
+
background: #36336a;
|
|
3540
|
+
}
|
|
3541
|
+
.rq-calendar[data-header-type=double] .drp-calendar.left th.next,
|
|
3542
|
+
.rq-calendar[data-header-type=double] .drp-calendar.right th.prev,
|
|
3543
|
+
.rq-datepicker[data-header-type=double] .drp-calendar.left th.next,
|
|
3544
|
+
.rq-datepicker[data-header-type=double] .drp-calendar.right th.prev {
|
|
3545
|
+
visibility: hidden;
|
|
3546
|
+
pointer-events: none;
|
|
3547
|
+
}
|
|
3548
|
+
|
|
3549
|
+
.rq-datepicker {
|
|
3550
|
+
display: inline-flex;
|
|
3551
|
+
flex-direction: column;
|
|
3552
|
+
gap: 4px;
|
|
3553
|
+
font-family: "Inter", sans-serif;
|
|
3554
|
+
}
|
|
3555
|
+
.rq-datepicker__label, .rq-datepicker__helper {
|
|
3556
|
+
font-size: 12px;
|
|
3557
|
+
line-height: 16px;
|
|
3558
|
+
font-weight: 400;
|
|
3559
|
+
color: #18181b;
|
|
3560
|
+
}
|
|
3561
|
+
.rq-datepicker .vue-daterange-picker {
|
|
3562
|
+
position: relative;
|
|
3563
|
+
}
|
|
3564
|
+
.rq-datepicker__trigger {
|
|
3565
|
+
display: flex;
|
|
3566
|
+
align-items: center;
|
|
3567
|
+
gap: 8px;
|
|
3568
|
+
min-height: 36px;
|
|
3569
|
+
padding: 7.5px 12px;
|
|
3570
|
+
box-sizing: border-box;
|
|
3571
|
+
background: #ffffff;
|
|
3572
|
+
border: 1px solid #e4e4e7;
|
|
3573
|
+
border-radius: 8px;
|
|
3574
|
+
box-shadow: 0px 1px 1px 0px rgba(15, 15, 21, 0.1);
|
|
3575
|
+
cursor: pointer;
|
|
3576
|
+
transition: border-color 200ms ease;
|
|
3577
|
+
}
|
|
3578
|
+
.rq-datepicker__trigger:hover {
|
|
3579
|
+
border-color: #d4d4d8;
|
|
3580
|
+
}
|
|
3581
|
+
.rq-datepicker__trigger:focus-within {
|
|
3582
|
+
outline: 2px solid #5497ea;
|
|
3583
|
+
outline-offset: 2px;
|
|
3584
|
+
}
|
|
3585
|
+
.rq-datepicker__control {
|
|
3586
|
+
display: flex;
|
|
3587
|
+
flex: 1 1 auto;
|
|
3588
|
+
align-items: center;
|
|
3589
|
+
gap: 8px;
|
|
3590
|
+
min-width: 0;
|
|
3591
|
+
padding: 0;
|
|
3592
|
+
border: none;
|
|
3593
|
+
background: transparent;
|
|
3594
|
+
color: inherit;
|
|
3595
|
+
font: inherit;
|
|
3596
|
+
text-align: left;
|
|
3597
|
+
cursor: pointer;
|
|
3598
|
+
}
|
|
3599
|
+
.rq-datepicker__control:focus {
|
|
3600
|
+
outline: none;
|
|
3601
|
+
}
|
|
3602
|
+
.rq-datepicker--one-month .daterangepicker .drp-calendar.right {
|
|
3603
|
+
display: none;
|
|
3604
|
+
}
|
|
3605
|
+
.rq-datepicker--open .rq-datepicker__trigger {
|
|
3606
|
+
border-color: #0064e0;
|
|
3607
|
+
}
|
|
3608
|
+
.rq-datepicker__icon {
|
|
3609
|
+
flex-shrink: 0;
|
|
3610
|
+
color: #18181b;
|
|
3611
|
+
}
|
|
3612
|
+
.rq-datepicker__text {
|
|
3613
|
+
flex: 1 1 auto;
|
|
3614
|
+
min-width: 0;
|
|
3615
|
+
overflow: hidden;
|
|
3616
|
+
text-overflow: ellipsis;
|
|
3617
|
+
white-space: nowrap;
|
|
3618
|
+
font-size: 14px;
|
|
3619
|
+
line-height: 20px;
|
|
3620
|
+
font-weight: 500;
|
|
3621
|
+
letter-spacing: 1px;
|
|
3622
|
+
color: #18181b;
|
|
3623
|
+
}
|
|
3624
|
+
.rq-datepicker__text--placeholder {
|
|
3625
|
+
font-weight: 400;
|
|
3626
|
+
}
|
|
3627
|
+
.rq-datepicker .vue-daterange-picker .daterangepicker {
|
|
3628
|
+
position: absolute;
|
|
3629
|
+
top: calc(100% + 4px);
|
|
3630
|
+
z-index: 3001;
|
|
3631
|
+
width: auto;
|
|
3632
|
+
min-width: 0;
|
|
3633
|
+
padding: 16px;
|
|
3634
|
+
background: #ffffff;
|
|
3635
|
+
border: 1px solid #e4e4e7;
|
|
3636
|
+
border-radius: 8px;
|
|
3637
|
+
box-shadow: 0px 4px 12px 0px rgba(15, 15, 21, 0.1);
|
|
3638
|
+
}
|
|
3639
|
+
.rq-datepicker .vue-daterange-picker .daterangepicker::before, .rq-datepicker .vue-daterange-picker .daterangepicker::after {
|
|
3640
|
+
display: none;
|
|
3641
|
+
}
|
|
3642
|
+
.rq-datepicker .vue-daterange-picker .daterangepicker.opensleft {
|
|
3643
|
+
top: calc(100% + 4px);
|
|
3644
|
+
right: 0;
|
|
3645
|
+
left: auto;
|
|
3646
|
+
}
|
|
3647
|
+
.rq-datepicker .vue-daterange-picker .daterangepicker.opensright {
|
|
3648
|
+
top: calc(100% + 4px);
|
|
3649
|
+
left: 0;
|
|
3650
|
+
right: auto;
|
|
3651
|
+
}
|
|
3652
|
+
.rq-datepicker .vue-daterange-picker .daterangepicker.openscenter {
|
|
3653
|
+
top: calc(100% + 4px);
|
|
3654
|
+
left: 50%;
|
|
3655
|
+
right: auto;
|
|
3656
|
+
transform: translateX(-50%);
|
|
3657
|
+
}
|
|
3658
|
+
.rq-datepicker .daterangepicker .calendars {
|
|
3659
|
+
display: flex;
|
|
3660
|
+
flex-wrap: nowrap;
|
|
3661
|
+
gap: 16px;
|
|
3662
|
+
}
|
|
3663
|
+
.rq-datepicker .daterangepicker .calendars-container {
|
|
3664
|
+
gap: 16px;
|
|
3665
|
+
}
|
|
3666
|
+
.rq-datepicker .daterangepicker .drp-calendar,
|
|
3667
|
+
.rq-datepicker .daterangepicker .drp-calendar.left,
|
|
3668
|
+
.rq-datepicker .daterangepicker .drp-calendar.right {
|
|
3669
|
+
width: auto;
|
|
3670
|
+
max-width: none;
|
|
3671
|
+
padding: 0;
|
|
3672
|
+
border-left: none;
|
|
3673
|
+
}
|
|
3674
|
+
.rq-datepicker .daterangepicker .calendar-table,
|
|
3675
|
+
.rq-datepicker .daterangepicker.ltr .drp-calendar.left .calendar-table,
|
|
3676
|
+
.rq-datepicker .daterangepicker.ltr .drp-calendar.right .calendar-table {
|
|
3677
|
+
padding: 16px;
|
|
3678
|
+
border: 1px solid #e4e4e7;
|
|
3679
|
+
border-radius: 8px;
|
|
3680
|
+
box-shadow: 0px 1px 1px 0px rgba(15, 15, 21, 0.1);
|
|
3681
|
+
}
|
|
3682
|
+
.rq-datepicker .daterangepicker .ranges {
|
|
3683
|
+
flex: 0 0 160px;
|
|
3684
|
+
margin: 0;
|
|
3685
|
+
border: none;
|
|
3686
|
+
}
|
|
3687
|
+
.rq-datepicker .daterangepicker .ranges ul {
|
|
3688
|
+
display: flex;
|
|
3689
|
+
flex-direction: column;
|
|
3690
|
+
gap: 8px;
|
|
3691
|
+
width: 160px;
|
|
3692
|
+
}
|
|
3693
|
+
.rq-datepicker .daterangepicker .ranges li {
|
|
3694
|
+
display: flex;
|
|
3695
|
+
align-items: center;
|
|
3696
|
+
gap: 8px;
|
|
3697
|
+
min-height: 32px;
|
|
3698
|
+
padding: 4px 8px;
|
|
3699
|
+
border-radius: 4px;
|
|
3700
|
+
font-size: 14px;
|
|
3701
|
+
line-height: 22px;
|
|
3702
|
+
letter-spacing: 1px;
|
|
3703
|
+
color: #18181b;
|
|
3704
|
+
}
|
|
3705
|
+
.rq-datepicker .daterangepicker .ranges li::before {
|
|
3706
|
+
content: "";
|
|
3707
|
+
flex-shrink: 0;
|
|
3708
|
+
width: 16px;
|
|
3709
|
+
height: 16px;
|
|
3710
|
+
box-sizing: border-box;
|
|
3711
|
+
border: 1.5px solid #040045;
|
|
3712
|
+
border-radius: 999px;
|
|
3713
|
+
}
|
|
3714
|
+
.rq-datepicker .daterangepicker .ranges li:hover {
|
|
3715
|
+
background: #f4f4f5;
|
|
3716
|
+
}
|
|
3717
|
+
.rq-datepicker .daterangepicker .ranges li.active {
|
|
3718
|
+
background: #b0cff5;
|
|
3719
|
+
color: #18181b;
|
|
3720
|
+
}
|
|
3721
|
+
.rq-datepicker .daterangepicker .ranges li.active::before {
|
|
3722
|
+
border-width: 5px;
|
|
3723
|
+
}
|
|
3724
|
+
.rq-datepicker .vue-daterange-picker .daterangepicker.single.show-ranges {
|
|
3725
|
+
min-width: 0;
|
|
3726
|
+
}
|
|
3727
|
+
.rq-datepicker .vue-daterange-picker .daterangepicker.single.show-ranges .ranges {
|
|
3728
|
+
flex: 0 0 160px;
|
|
3729
|
+
}
|
|
3730
|
+
.rq-datepicker .vue-daterange-picker .daterangepicker.single.show-ranges .drp-calendar.left {
|
|
3731
|
+
border-left: none;
|
|
3732
|
+
}
|
|
3733
|
+
.rq-datepicker__footer {
|
|
3734
|
+
display: flex;
|
|
3735
|
+
justify-content: flex-end;
|
|
3736
|
+
gap: 8px;
|
|
3737
|
+
padding-top: 16px;
|
|
3738
|
+
}
|
|
3295
3739
|
.rq-dialog-overlay {
|
|
3296
3740
|
position: fixed;
|
|
3297
3741
|
inset: 0;
|
|
@@ -3441,6 +3885,7 @@ td[data-v-6ca52014],th[data-v-6ca52014]{padding:2px;background-color:#fff}td.tod
|
|
|
3441
3885
|
display: flex;
|
|
3442
3886
|
flex-direction: column;
|
|
3443
3887
|
overflow: visible;
|
|
3888
|
+
padding-top: 6px;
|
|
3444
3889
|
padding-bottom: 16px;
|
|
3445
3890
|
padding-left: 8px;
|
|
3446
3891
|
padding-right: 8px;
|