lizaui 10.0.68 → 10.0.69
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/components/travel-calendar/calendar-travel-form.d.ts +19 -3
- package/dist/components/travel-calendar/calendar-travel-form.d.ts.map +1 -1
- package/dist/components/travel-calendar/index.d.ts +0 -2
- package/dist/components/travel-calendar/index.d.ts.map +1 -1
- package/dist/lizaui.css +167 -167
- package/dist/travel-calendar/index.cjs.js +303 -802
- package/dist/travel-calendar/index.cjs.js.map +1 -1
- package/dist/travel-calendar/index.es.js +305 -804
- package/dist/travel-calendar/index.es.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/travel-calendar/formats.d.ts +0 -45
- package/dist/components/travel-calendar/formats.d.ts.map +0 -1
- package/dist/components/travel-calendar/preset-button.d.ts +0 -9
- package/dist/components/travel-calendar/preset-button.d.ts.map +0 -1
- package/dist/components/travel-calendar/presets.d.ts +0 -17
- package/dist/components/travel-calendar/presets.d.ts.map +0 -1
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
2
|
import { DateObject, CalendarProps } from 'react-multi-date-picker';
|
|
3
|
-
import { CalendarFormatInput } from './formats';
|
|
4
3
|
import { CalendarLang } from './locale';
|
|
5
4
|
interface Props extends CalendarProps {
|
|
6
5
|
name: string;
|
|
@@ -11,14 +10,16 @@ interface Props extends CalendarProps {
|
|
|
11
10
|
onBlur?: (e: React.FocusEvent) => void;
|
|
12
11
|
onOpenCalendar?: () => void;
|
|
13
12
|
refParent?: React.RefObject<HTMLElement>;
|
|
13
|
+
width?: number | "auto";
|
|
14
14
|
hour?: string;
|
|
15
|
-
errors?:
|
|
16
|
-
touched?:
|
|
15
|
+
errors?: any;
|
|
16
|
+
touched?: any;
|
|
17
17
|
idHtml?: string;
|
|
18
18
|
inputStyle?: CSSProperties;
|
|
19
19
|
loading?: boolean;
|
|
20
20
|
containerStylePopover?: Partial<CSSStyleDeclaration> | undefined;
|
|
21
21
|
maxLength?: number;
|
|
22
|
+
isClose?: boolean;
|
|
22
23
|
lang?: CalendarLang;
|
|
23
24
|
format?: CalendarFormatInput;
|
|
24
25
|
travelPrices?: {
|
|
@@ -31,6 +32,21 @@ interface Props extends CalendarProps {
|
|
|
31
32
|
readOnly?: boolean;
|
|
32
33
|
disabled?: boolean;
|
|
33
34
|
}
|
|
35
|
+
declare const CALENDAR_FORMAT_ALIASES: {
|
|
36
|
+
readonly "DD/MM/YYYY": "DD/MM/YYYY";
|
|
37
|
+
readonly "MM/DD/YYYY": "MM/DD/YYYY";
|
|
38
|
+
readonly "DD-MM-YYYY": "DD-MM-YYYY";
|
|
39
|
+
readonly "MM-DD-YYYY": "MM-DD-YYYY";
|
|
40
|
+
readonly "YYYY/MM/DD": "YYYY/MM/DD";
|
|
41
|
+
readonly "YYYY-MM-DD": "YYYY-MM-DD";
|
|
42
|
+
readonly "dd/MM/yyyy": "DD/MM/YYYY";
|
|
43
|
+
readonly "MM/dd/yyyy": "MM/DD/YYYY";
|
|
44
|
+
readonly "dd-MM-yyyy": "DD-MM-YYYY";
|
|
45
|
+
readonly "MM-dd-yyyy": "MM-DD-YYYY";
|
|
46
|
+
readonly "yyyy/MM/dd": "YYYY/MM/DD";
|
|
47
|
+
readonly "yyyy-MM-dd": "YYYY-MM-DD";
|
|
48
|
+
};
|
|
49
|
+
type CalendarFormatInput = keyof typeof CALENDAR_FORMAT_ALIASES;
|
|
34
50
|
export declare const CalendarTravelForm: import('react').ForwardRefExoticComponent<Omit<Props, "ref"> & import('react').RefAttributes<unknown>>;
|
|
35
51
|
export {};
|
|
36
52
|
//# sourceMappingURL=calendar-travel-form.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-travel-form.d.ts","sourceRoot":"","sources":["../../../src/components/travel-calendar/calendar-travel-form.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"calendar-travel-form.d.ts","sourceRoot":"","sources":["../../../src/components/travel-calendar/calendar-travel-form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAE1G,OAAO,EAAY,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAQnF,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,wBAAwB,CAAC;AAEhC,UAAU,KAAM,SAAQ,aAAa;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,UAAU,GAAG,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,GAAG,UAAU,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACzE,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,KAAK,IAAI,CAAC;IACxD,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qBAAqB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,SAAS,CAAC;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,YAAY,CAAC,EAAE;QAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACpE,uHAAuH;IACvH,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;CAanB,CAAC;AAEX,KAAK,mBAAmB,GAAG,MAAM,OAAO,uBAAuB,CAAC;AAoIhE,eAAO,MAAM,kBAAkB,wGAsc9B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/travel-calendar/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/travel-calendar/index.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAC;AAEvC,YAAY,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC"}
|
package/dist/lizaui.css
CHANGED
|
@@ -1950,7 +1950,172 @@
|
|
|
1950
1950
|
inherits: false;
|
|
1951
1951
|
initial-value: 0 0 #0000;
|
|
1952
1952
|
}
|
|
1953
|
-
|
|
1953
|
+
|
|
1954
|
+
:root {
|
|
1955
|
+
--tc-day-size: 45px;
|
|
1956
|
+
--tc-font-size-number: 11px;
|
|
1957
|
+
--tc-font-size-price: 9px;
|
|
1958
|
+
--tc-color-price: #5f6368;
|
|
1959
|
+
--tc-color-price-empty: #9ca3af;
|
|
1960
|
+
--tc-bg-selected: rgba(59, 130, 246, 0.2);
|
|
1961
|
+
--tc-radius: 50%;
|
|
1962
|
+
--tc-transition: 120ms ease-in-out;
|
|
1963
|
+
/* Navegación */
|
|
1964
|
+
--tc-nav-size: 38px;
|
|
1965
|
+
--tc-nav-radius: 50%;
|
|
1966
|
+
--tc-nav-color: var(--color-default-700, #374151);
|
|
1967
|
+
--tc-nav-bg: var(--color-default-100, #f3f4f6);
|
|
1968
|
+
--tc-nav-bg-hover: var(--color-default-200, #e5e7eb);
|
|
1969
|
+
--tc-nav-bg-active: var(--color-default-300, #d1d5db);
|
|
1970
|
+
}
|
|
1971
|
+
|
|
1972
|
+
.react-multi-date-picker-travel-calendar-popover {
|
|
1973
|
+
background-color: var(--color-content1-default) !important;
|
|
1974
|
+
border: 0px solid transparent !important;
|
|
1975
|
+
}
|
|
1976
|
+
.react-multi-date-picker-travel-calendar-popover .rmdp-day-picker {
|
|
1977
|
+
column-gap: 15px;
|
|
1978
|
+
}
|
|
1979
|
+
.react-multi-date-picker-travel-calendar-popover {
|
|
1980
|
+
/* Navegación flechas */
|
|
1981
|
+
}
|
|
1982
|
+
.react-multi-date-picker-travel-calendar-popover .rmdp-arrow-container {
|
|
1983
|
+
width: var(--tc-nav-size) !important;
|
|
1984
|
+
height: var(--tc-nav-size) !important;
|
|
1985
|
+
border-radius: var(--tc-nav-radius) !important;
|
|
1986
|
+
background-color: var(--tc-nav-bg) !important;
|
|
1987
|
+
color: var(--tc-nav-color) !important;
|
|
1988
|
+
display: flex !important;
|
|
1989
|
+
align-items: center !important;
|
|
1990
|
+
justify-content: center !important;
|
|
1991
|
+
transition: background-color var(--tc-transition), transform 80ms ease;
|
|
1992
|
+
border: none !important;
|
|
1993
|
+
outline: none !important;
|
|
1994
|
+
position: relative;
|
|
1995
|
+
cursor: pointer;
|
|
1996
|
+
box-shadow: none !important;
|
|
1997
|
+
}
|
|
1998
|
+
.react-multi-date-picker-travel-calendar-popover .rmdp-arrow-container .rmdp-arrow {
|
|
1999
|
+
margin-top: 0 !important;
|
|
2000
|
+
border-color: currentColor !important;
|
|
2001
|
+
}
|
|
2002
|
+
.react-multi-date-picker-travel-calendar-popover .travel-calendar-nav-button__icon {
|
|
2003
|
+
font-size: 18px;
|
|
2004
|
+
stroke-width: 2.25;
|
|
2005
|
+
}
|
|
2006
|
+
.react-multi-date-picker-travel-calendar-popover .rmdp-arrow-container:hover:not(.rmdp-disabled) {
|
|
2007
|
+
background-color: var(--tc-nav-bg-hover) !important;
|
|
2008
|
+
}
|
|
2009
|
+
.react-multi-date-picker-travel-calendar-popover .rmdp-arrow-container:active:not(.rmdp-disabled) {
|
|
2010
|
+
background-color: var(--tc-nav-bg-active) !important;
|
|
2011
|
+
transform: translateY(1px);
|
|
2012
|
+
}
|
|
2013
|
+
.react-multi-date-picker-travel-calendar-popover .rmdp-arrow-container.rmdp-disabled {
|
|
2014
|
+
opacity: 0.5;
|
|
2015
|
+
cursor: not-allowed !important;
|
|
2016
|
+
}
|
|
2017
|
+
@media (prefers-contrast: more) {
|
|
2018
|
+
.react-multi-date-picker-travel-calendar-popover .rmdp-arrow-container {
|
|
2019
|
+
outline: 2px solid currentColor;
|
|
2020
|
+
}
|
|
2021
|
+
}
|
|
2022
|
+
.react-multi-date-picker-travel-calendar-popover .rmdp-header-values {
|
|
2023
|
+
color: var(--color-default-900) !important;
|
|
2024
|
+
}
|
|
2025
|
+
.react-multi-date-picker-travel-calendar-popover .rmdp-week-day {
|
|
2026
|
+
font-weight: 500 !important;
|
|
2027
|
+
color: var(--color-default-500) !important;
|
|
2028
|
+
}
|
|
2029
|
+
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day {
|
|
2030
|
+
position: relative;
|
|
2031
|
+
display: flex;
|
|
2032
|
+
flex-direction: column;
|
|
2033
|
+
align-items: center !important;
|
|
2034
|
+
justify-content: center !important;
|
|
2035
|
+
width: var(--tc-day-size);
|
|
2036
|
+
height: var(--tc-day-size);
|
|
2037
|
+
font-size: 12px;
|
|
2038
|
+
line-height: 1;
|
|
2039
|
+
user-select: none;
|
|
2040
|
+
border-radius: var(--tc-radius) !important;
|
|
2041
|
+
transition: background-color var(--tc-transition), color var(--tc-transition), box-shadow var(--tc-transition), opacity var(--tc-transition);
|
|
2042
|
+
}
|
|
2043
|
+
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--active {
|
|
2044
|
+
cursor: pointer;
|
|
2045
|
+
}
|
|
2046
|
+
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--active:hover {
|
|
2047
|
+
background-color: transparent !important;
|
|
2048
|
+
}
|
|
2049
|
+
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--disabled {
|
|
2050
|
+
opacity: 0.6;
|
|
2051
|
+
cursor: not-allowed;
|
|
2052
|
+
}
|
|
2053
|
+
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--disabled span {
|
|
2054
|
+
text-decoration: line-through !important;
|
|
2055
|
+
}
|
|
2056
|
+
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--selected {
|
|
2057
|
+
background: var(--tc-bg-selected);
|
|
2058
|
+
font-weight: 600;
|
|
2059
|
+
}
|
|
2060
|
+
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--today {
|
|
2061
|
+
box-shadow: 0 0 0 1px var(--color-primary);
|
|
2062
|
+
}
|
|
2063
|
+
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day__number {
|
|
2064
|
+
font-size: var(--tc-font-size-number) !important;
|
|
2065
|
+
color: var(--color-default-900) !important;
|
|
2066
|
+
font-weight: 500 !important;
|
|
2067
|
+
margin-bottom: 2px;
|
|
2068
|
+
}
|
|
2069
|
+
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day__price {
|
|
2070
|
+
font-size: var(--tc-font-size-price) !important;
|
|
2071
|
+
color: var(--tc-color-price) !important;
|
|
2072
|
+
font-weight: 500;
|
|
2073
|
+
}
|
|
2074
|
+
.react-multi-date-picker-travel-calendar-popover .rmdp-day,
|
|
2075
|
+
.react-multi-date-picker-travel-calendar-popover .rmdp-week-day {
|
|
2076
|
+
width: var(--tc-day-size) !important;
|
|
2077
|
+
height: var(--tc-day-size) !important;
|
|
2078
|
+
min-height: var(--tc-day-size) !important;
|
|
2079
|
+
max-width: var(--tc-day-size) !important;
|
|
2080
|
+
}
|
|
2081
|
+
.react-multi-date-picker-travel-calendar-popover .rmdp-day span {
|
|
2082
|
+
position: relative !important;
|
|
2083
|
+
left: 0;
|
|
2084
|
+
right: 0;
|
|
2085
|
+
top: 0;
|
|
2086
|
+
}
|
|
2087
|
+
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day__price--empty {
|
|
2088
|
+
color: var(--tc-color-price-empty);
|
|
2089
|
+
}
|
|
2090
|
+
.react-multi-date-picker-travel-calendar-popover {
|
|
2091
|
+
/* Accesibilidad: foco navegable si se usa keyboard nav de librería */
|
|
2092
|
+
}
|
|
2093
|
+
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day:focus-visible {
|
|
2094
|
+
outline: 2px solid #2563eb;
|
|
2095
|
+
outline-offset: 2px;
|
|
2096
|
+
}
|
|
2097
|
+
.react-multi-date-picker-travel-calendar-popover .rmdp-day.rmdp-selected span:not(.highlight) {
|
|
2098
|
+
background-color: var(--color-primary) !important;
|
|
2099
|
+
color: #fff !important;
|
|
2100
|
+
box-shadow: none !important;
|
|
2101
|
+
}
|
|
2102
|
+
.react-multi-date-picker-travel-calendar-popover .rmdp-day.rmdp-selected span:not(.highlight) .travel-calendar-day__price {
|
|
2103
|
+
color: #fff !important;
|
|
2104
|
+
}
|
|
2105
|
+
@media (hover: hover) {
|
|
2106
|
+
.react-multi-date-picker-travel-calendar-popover .rmdp-day:not(.rmdp-disabled, .rmdp-day-hidden) span:hover {
|
|
2107
|
+
background-color: var(--color-primary-100) !important;
|
|
2108
|
+
color: var(--color-primary-500) !important;
|
|
2109
|
+
}
|
|
2110
|
+
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day.travel-calendar-day--active:hover span {
|
|
2111
|
+
background-color: var(--color-primary-100) !important;
|
|
2112
|
+
color: var(--color-primary-500) !important;
|
|
2113
|
+
}
|
|
2114
|
+
}
|
|
2115
|
+
.react-multi-date-picker-travel-calendar-popover .rmdp-day.rmdp-today span {
|
|
2116
|
+
background-color: var(--color-primary-100) !important;
|
|
2117
|
+
color: var(--color-primary-500) !important;
|
|
2118
|
+
}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
|
|
1954
2119
|
@layer properties {
|
|
1955
2120
|
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
|
|
1956
2121
|
*, :before, :after, ::backdrop {
|
|
@@ -2472,172 +2637,7 @@
|
|
|
2472
2637
|
inherits: false;
|
|
2473
2638
|
initial-value: 0;
|
|
2474
2639
|
}
|
|
2475
|
-
|
|
2476
|
-
:root {
|
|
2477
|
-
--tc-day-size: 45px;
|
|
2478
|
-
--tc-font-size-number: 11px;
|
|
2479
|
-
--tc-font-size-price: 9px;
|
|
2480
|
-
--tc-color-price: #5f6368;
|
|
2481
|
-
--tc-color-price-empty: #9ca3af;
|
|
2482
|
-
--tc-bg-selected: rgba(59, 130, 246, 0.2);
|
|
2483
|
-
--tc-radius: 50%;
|
|
2484
|
-
--tc-transition: 120ms ease-in-out;
|
|
2485
|
-
/* Navegación */
|
|
2486
|
-
--tc-nav-size: 38px;
|
|
2487
|
-
--tc-nav-radius: 50%;
|
|
2488
|
-
--tc-nav-color: var(--color-default-700, #374151);
|
|
2489
|
-
--tc-nav-bg: var(--color-default-100, #f3f4f6);
|
|
2490
|
-
--tc-nav-bg-hover: var(--color-default-200, #e5e7eb);
|
|
2491
|
-
--tc-nav-bg-active: var(--color-default-300, #d1d5db);
|
|
2492
|
-
}
|
|
2493
|
-
|
|
2494
|
-
.react-multi-date-picker-travel-calendar-popover {
|
|
2495
|
-
background-color: var(--color-content1-default) !important;
|
|
2496
|
-
border: 0px solid transparent !important;
|
|
2497
|
-
}
|
|
2498
|
-
.react-multi-date-picker-travel-calendar-popover .rmdp-day-picker {
|
|
2499
|
-
column-gap: 15px;
|
|
2500
|
-
}
|
|
2501
|
-
.react-multi-date-picker-travel-calendar-popover {
|
|
2502
|
-
/* Navegación flechas */
|
|
2503
|
-
}
|
|
2504
|
-
.react-multi-date-picker-travel-calendar-popover .rmdp-arrow-container {
|
|
2505
|
-
width: var(--tc-nav-size) !important;
|
|
2506
|
-
height: var(--tc-nav-size) !important;
|
|
2507
|
-
border-radius: var(--tc-nav-radius) !important;
|
|
2508
|
-
background-color: var(--tc-nav-bg) !important;
|
|
2509
|
-
color: var(--tc-nav-color) !important;
|
|
2510
|
-
display: flex !important;
|
|
2511
|
-
align-items: center !important;
|
|
2512
|
-
justify-content: center !important;
|
|
2513
|
-
transition: background-color var(--tc-transition), transform 80ms ease;
|
|
2514
|
-
border: none !important;
|
|
2515
|
-
outline: none !important;
|
|
2516
|
-
position: relative;
|
|
2517
|
-
cursor: pointer;
|
|
2518
|
-
box-shadow: none !important;
|
|
2519
|
-
}
|
|
2520
|
-
.react-multi-date-picker-travel-calendar-popover .rmdp-arrow-container .rmdp-arrow {
|
|
2521
|
-
margin-top: 0 !important;
|
|
2522
|
-
border-color: currentColor !important;
|
|
2523
|
-
}
|
|
2524
|
-
.react-multi-date-picker-travel-calendar-popover .travel-calendar-nav-button__icon {
|
|
2525
|
-
font-size: 18px;
|
|
2526
|
-
stroke-width: 2.25;
|
|
2527
|
-
}
|
|
2528
|
-
.react-multi-date-picker-travel-calendar-popover .rmdp-arrow-container:hover:not(.rmdp-disabled) {
|
|
2529
|
-
background-color: var(--tc-nav-bg-hover) !important;
|
|
2530
|
-
}
|
|
2531
|
-
.react-multi-date-picker-travel-calendar-popover .rmdp-arrow-container:active:not(.rmdp-disabled) {
|
|
2532
|
-
background-color: var(--tc-nav-bg-active) !important;
|
|
2533
|
-
transform: translateY(1px);
|
|
2534
|
-
}
|
|
2535
|
-
.react-multi-date-picker-travel-calendar-popover .rmdp-arrow-container.rmdp-disabled {
|
|
2536
|
-
opacity: 0.5;
|
|
2537
|
-
cursor: not-allowed !important;
|
|
2538
|
-
}
|
|
2539
|
-
@media (prefers-contrast: more) {
|
|
2540
|
-
.react-multi-date-picker-travel-calendar-popover .rmdp-arrow-container {
|
|
2541
|
-
outline: 2px solid currentColor;
|
|
2542
|
-
}
|
|
2543
|
-
}
|
|
2544
|
-
.react-multi-date-picker-travel-calendar-popover .rmdp-header-values {
|
|
2545
|
-
color: var(--color-default-900) !important;
|
|
2546
|
-
}
|
|
2547
|
-
.react-multi-date-picker-travel-calendar-popover .rmdp-week-day {
|
|
2548
|
-
font-weight: 500 !important;
|
|
2549
|
-
color: var(--color-default-500) !important;
|
|
2550
|
-
}
|
|
2551
|
-
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day {
|
|
2552
|
-
position: relative;
|
|
2553
|
-
display: flex;
|
|
2554
|
-
flex-direction: column;
|
|
2555
|
-
align-items: center !important;
|
|
2556
|
-
justify-content: center !important;
|
|
2557
|
-
width: var(--tc-day-size);
|
|
2558
|
-
height: var(--tc-day-size);
|
|
2559
|
-
font-size: 12px;
|
|
2560
|
-
line-height: 1;
|
|
2561
|
-
user-select: none;
|
|
2562
|
-
border-radius: var(--tc-radius) !important;
|
|
2563
|
-
transition: background-color var(--tc-transition), color var(--tc-transition), box-shadow var(--tc-transition), opacity var(--tc-transition);
|
|
2564
|
-
}
|
|
2565
|
-
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--active {
|
|
2566
|
-
cursor: pointer;
|
|
2567
|
-
}
|
|
2568
|
-
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--active:hover {
|
|
2569
|
-
background-color: transparent !important;
|
|
2570
|
-
}
|
|
2571
|
-
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--disabled {
|
|
2572
|
-
opacity: 0.6;
|
|
2573
|
-
cursor: not-allowed;
|
|
2574
|
-
}
|
|
2575
|
-
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--disabled span {
|
|
2576
|
-
text-decoration: line-through !important;
|
|
2577
|
-
}
|
|
2578
|
-
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--selected {
|
|
2579
|
-
background: var(--tc-bg-selected);
|
|
2580
|
-
font-weight: 600;
|
|
2581
|
-
}
|
|
2582
|
-
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--today {
|
|
2583
|
-
box-shadow: 0 0 0 1px var(--color-primary);
|
|
2584
|
-
}
|
|
2585
|
-
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day__number {
|
|
2586
|
-
font-size: var(--tc-font-size-number) !important;
|
|
2587
|
-
color: var(--color-default-900) !important;
|
|
2588
|
-
font-weight: 500 !important;
|
|
2589
|
-
margin-bottom: 2px;
|
|
2590
|
-
}
|
|
2591
|
-
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day__price {
|
|
2592
|
-
font-size: var(--tc-font-size-price) !important;
|
|
2593
|
-
color: var(--tc-color-price) !important;
|
|
2594
|
-
font-weight: 500;
|
|
2595
|
-
}
|
|
2596
|
-
.react-multi-date-picker-travel-calendar-popover .rmdp-day,
|
|
2597
|
-
.react-multi-date-picker-travel-calendar-popover .rmdp-week-day {
|
|
2598
|
-
width: var(--tc-day-size) !important;
|
|
2599
|
-
height: var(--tc-day-size) !important;
|
|
2600
|
-
min-height: var(--tc-day-size) !important;
|
|
2601
|
-
max-width: var(--tc-day-size) !important;
|
|
2602
|
-
}
|
|
2603
|
-
.react-multi-date-picker-travel-calendar-popover .rmdp-day span {
|
|
2604
|
-
position: relative !important;
|
|
2605
|
-
left: 0;
|
|
2606
|
-
right: 0;
|
|
2607
|
-
top: 0;
|
|
2608
|
-
}
|
|
2609
|
-
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day__price--empty {
|
|
2610
|
-
color: var(--tc-color-price-empty);
|
|
2611
|
-
}
|
|
2612
|
-
.react-multi-date-picker-travel-calendar-popover {
|
|
2613
|
-
/* Accesibilidad: foco navegable si se usa keyboard nav de librería */
|
|
2614
|
-
}
|
|
2615
|
-
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day:focus-visible {
|
|
2616
|
-
outline: 2px solid #2563eb;
|
|
2617
|
-
outline-offset: 2px;
|
|
2618
|
-
}
|
|
2619
|
-
.react-multi-date-picker-travel-calendar-popover .rmdp-day.rmdp-selected span:not(.highlight) {
|
|
2620
|
-
background-color: var(--color-primary) !important;
|
|
2621
|
-
color: #fff !important;
|
|
2622
|
-
box-shadow: none !important;
|
|
2623
|
-
}
|
|
2624
|
-
.react-multi-date-picker-travel-calendar-popover .rmdp-day.rmdp-selected span:not(.highlight) .travel-calendar-day__price {
|
|
2625
|
-
color: #fff !important;
|
|
2626
|
-
}
|
|
2627
|
-
@media (hover: hover) {
|
|
2628
|
-
.react-multi-date-picker-travel-calendar-popover .rmdp-day:not(.rmdp-disabled, .rmdp-day-hidden) span:hover {
|
|
2629
|
-
background-color: var(--color-primary-100) !important;
|
|
2630
|
-
color: var(--color-primary-500) !important;
|
|
2631
|
-
}
|
|
2632
|
-
.react-multi-date-picker-travel-calendar-popover .travel-calendar-day.travel-calendar-day--active:hover span {
|
|
2633
|
-
background-color: var(--color-primary-100) !important;
|
|
2634
|
-
color: var(--color-primary-500) !important;
|
|
2635
|
-
}
|
|
2636
|
-
}
|
|
2637
|
-
.react-multi-date-picker-travel-calendar-popover .rmdp-day.rmdp-today span {
|
|
2638
|
-
background-color: var(--color-primary-100) !important;
|
|
2639
|
-
color: var(--color-primary-500) !important;
|
|
2640
|
-
}.table__container_main {
|
|
2640
|
+
.table__container_main {
|
|
2641
2641
|
}
|
|
2642
2642
|
|
|
2643
2643
|
.table__container_main .table__body__main tr:first-child td:first-child {
|