← All changes
|
backend/views/components/Analytics/components/layout/CustomDateRangePicker.jsx
+13
-13
1.4.1
→
1.4.21
View file →
| @@ -88,26 +88,26 @@ | ||
| 88 | 88 | components: { |
| 89 | 89 | DayButton: CustomDayButton, |
| 90 | 90 | Chevron: ({ orientation }) => |
| 91 | 91 | orientation === 'left' ? ( |
| 92 | - <ChevronLeft className="disco-h-4 disco-w-4" /> | |
| 92 | + <ChevronLeft className="disco:h-4 disco:w-4" /> | |
| 93 | 93 | ) : ( |
| 94 | - <ChevronRight className="disco-h-4 disco-w-4" /> | |
| 94 | + <ChevronRight className="disco:h-4 disco:w-4" /> | |
| 95 | 95 | ), |
| 96 | 96 | }, |
| 97 | 97 | }; |
| 98 | 98 | |
| 99 | 99 | return ( |
| 100 | - <div className="disco-flex disco-flex-col disco-gap-3"> | |
| 101 | - <div className="disco-flex disco-gap-4"> | |
| 100 | + <div className="disco:flex disco:flex-col disco:gap-3"> | |
| 101 | + <div className="disco:flex disco:gap-4"> | |
| 102 | 102 | {/* From calendar panel */} |
| 103 | - <div className="disco-flex disco-flex-1 disco-flex-col"> | |
| 103 | + <div className="disco:flex disco:flex-1 disco:flex-col"> | |
| 104 | 104 | <DateHeader |
| 105 | 105 | label="From" |
| 106 | 106 | date={range.from} |
| 107 | 107 | onDateChange={handleFromDateChange} |
| 108 | 108 | /> |
| 109 | - <div className="disco-relative disco-flex disco-items-start disco-gap-1"> | |
| 109 | + <div className="disco:relative disco:flex disco:items-start disco:gap-1"> | |
| 110 | 110 | <DayPicker |
| 111 | 111 | {...pickerProps} |
| 112 | 112 | month={fromMonth} |
| 113 | 113 | onMonthChange={setFromMonth} |
| @@ -122,18 +122,18 @@ | ||
| 122 | 122 | </div> |
| 123 | 123 | </div> |
| 124 | 124 | |
| 125 | 125 | {/* Vertical divider */} |
| 126 | - <div className="disco-w-px disco-self-stretch disco-bg-[#e5e7eb]" /> | |
| 126 | + <div className="disco:w-px disco:self-stretch disco:bg-[#e5e7eb]" /> | |
| 127 | 127 | |
| 128 | 128 | {/* To calendar panel */} |
| 129 | - <div className="disco-flex disco-flex-1 disco-flex-col"> | |
| 129 | + <div className="disco:flex disco:flex-1 disco:flex-col"> | |
| 130 | 130 | <DateHeader |
| 131 | 131 | label="To" |
| 132 | 132 | date={range.to} |
| 133 | 133 | onDateChange={handleToDateChange} |
| 134 | 134 | /> |
| 135 | - <div className="disco-relative disco-flex disco-items-start disco-gap-1"> | |
| 135 | + <div className="disco:relative disco:flex disco:items-start disco:gap-1"> | |
| 136 | 136 | <DayPicker |
| 137 | 137 | {...pickerProps} |
| 138 | 138 | month={toMonth} |
| 139 | 139 | onMonthChange={setToMonth} |
| @@ -148,12 +148,12 @@ | ||
| 148 | 148 | </div> |
| 149 | 149 | </div> |
| 150 | 150 | |
| 151 | 151 | {/* Actions */} |
| 152 | - <div className="disco-flex disco-items-center disco-justify-end disco-gap-2"> | |
| 152 | + <div className="disco:flex disco:items-center disco:justify-end disco:gap-2"> | |
| 153 | 153 | <button |
| 154 | 154 | onClick={handleClear} |
| 155 | - className="disco-h-6 disco-cursor-pointer disco-rounded-[5px] disco-bg-[#f8f8f8] disco-px-3 disco-text-[10px] disco-font-medium disco-text-[#8a8a8a] disco-transition-colors hover:disco-bg-[#efefef]" | |
| 155 | + className="disco:h-6 disco:cursor-pointer disco:rounded-[5px] disco:bg-[#f8f8f8] disco:px-3 disco:text-[10px] disco:font-medium disco:text-[#8a8a8a] disco:transition-colors disco:hover:bg-[#efefef]" | |
| 156 | 156 | > |
| 157 | 157 | Clear |
| 158 | 158 | </button> |
| 159 | 159 | <button |
| @@ -159,10 +159,10 @@ | ||
| 159 | 159 | <button |
| 160 | 160 | onClick={handleApply} |
| 161 | 161 | disabled={!canApply} |
| 162 | 162 | className={cn( |
| 163 | - 'disco-h-6 disco-cursor-pointer disco-rounded-[5px] disco-bg-[#08c889] disco-px-3 disco-text-[10px] disco-font-medium disco-text-white disco-transition-colors hover:disco-bg-[#07b87c]', | |
| 164 | - !canApply && 'disco-cursor-not-allowed disco-opacity-50' | |
| 163 | + 'disco:h-6 disco:cursor-pointer disco:rounded-[5px] disco:bg-[#08c889] disco:px-3 disco:text-[10px] disco:font-medium disco:text-white disco:transition-colors disco:hover:bg-[#07b87c]', | |
| 164 | + !canApply && 'disco:cursor-not-allowed disco:opacity-50' | |
| 165 | 165 | )} |
| 166 | 166 | > |
| 167 | 167 | Apply |
| 168 | 168 | </button> |