lizaui 12.0.5 → 12.0.7

package/dist/components/travel-calendar/calendar-travel-form.d.ts

@@ -3,6 +3,7 @@ import { DateObject, CalendarProps } from 'react-multi-date-picker';
 import { CalendarFormatInput } from './calendar-format';
 import { TravelPrice } from './hook/use-calendar-pricing';
 import { CalendarLang } from './locale';
+export type TravelCalendarRadius = "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "input";
 interface Props extends CalendarProps {
     name: string;
     style?: CSSProperties;
@@ -33,6 +34,16 @@ interface Props extends CalendarProps {
     /** Fecha mínima seleccionable, ej. "2026-02-28 06:47:00". Hacia atrás se deshabilitan. null/undefined = sin límite. */
     minSelectableDate?: string | null;
     showActionsButtons?: boolean;
+    /**
+     * Resalta en verde el precio más bajo de cada mes (solo si el mes tiene precios distintos).
+     * @default false
+     */
+    highlightLowestPrice?: boolean;
+    /**
+     * Radio de las esquinas del popover del calendario.
+     * @default "md"
+     */
+    radius?: TravelCalendarRadius;
     readOnly?: boolean;
     disabled?: boolean;
 }

package/dist/components/travel-calendar/calendar-travel-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-travel-form.d.ts","sourceRoot":"","sources":["../../../src/components/travel-calendar/calendar-travel-form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAY,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAInF,OAAO,EAA2B,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAGtF,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAEnF,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7D,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;;;;OAIG;IACH,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,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,eAAO,MAAM,kBAAkB,wGAoL9B,CAAC"}
+{"version":3,"file":"calendar-travel-form.d.ts","sourceRoot":"","sources":["../../../src/components/travel-calendar/calendar-travel-form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAY,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAKnF,OAAO,EAA2B,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAGtF,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAEnF,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7D,OAAO,wBAAwB,CAAC;AAEhC,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,OAAO,CAAC;AAaxF,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;;;;OAIG;IACH,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,uHAAuH;IACvH,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,kBAAkB,wGA2L9B,CAAC"}

package/dist/components/travel-calendar/hook/use-calendar-pricing.d.ts

@@ -14,6 +14,8 @@ interface UseCalendarPricingProps {
     minSelectableDate: string | null;
     /** Los precios se están consultando: los días no se pueden elegir y el precio se muestra como skeleton. */
     loading: boolean;
+    /** Resalta en verde el precio más bajo de cada mes. */
+    highlightLowestPrice: boolean;
     normalizedFormat: CalendarFormat;
     lang: CalendarLang;
 }
@@ -27,7 +29,7 @@ interface UseCalendarPricingProps {
  * fijo), cargue o no, tenga precio o no: así la llegada de los precios no mueve
  * nada (sin layout shift).
  */
-export declare function useCalendarPricing({ travelPrices, minSelectableDate, loading, normalizedFormat, lang }: UseCalendarPricingProps): {
+export declare function useCalendarPricing({ travelPrices, minSelectableDate, loading, highlightLowestPrice, normalizedFormat, lang, }: UseCalendarPricingProps): {
     enabledDatesSet: Set<string>;
     isRestricted: boolean;
     isEmpty: boolean;
@@ -35,9 +37,13 @@ export declare function useCalendarPricing({ travelPrices, minSelectableDate, lo
     isDateKeyAllowed: (key: string) => boolean;
     isDateKeySelectable: (key: string) => boolean;
     mapDays: ({ date, today, selectedDate, isSameDate }: any) => {
+        children: import("react").JSX.Element;
+        "aria-label": any;
         disabled: boolean;
-        title: any;
+    } | {
         children: import("react").JSX.Element;
+        title: any;
+        disabled: boolean;
     };
 };
 export {};

package/dist/components/travel-calendar/hook/use-calendar-pricing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-calendar-pricing.d.ts","sourceRoot":"","sources":["../../../../src/components/travel-calendar/hook/use-calendar-pricing.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,MAAM,WAAW,WAAW;IAC3B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,uBAAuB;IAChC;;;OAGG;IACH,YAAY,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IACxC,0FAA0F;IAC1F,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,2GAA2G;IAC3G,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,EAAE,cAAc,CAAC;IACjC,IAAI,EAAE,YAAY,CAAC;CACnB;AAOD;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,YAAY,EAAE,iBAAiB,EAAE,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,EAAE,uBAAuB;;;;;4BAoCxH,MAAM;+BAUiC,MAAM;yDAOP,GAAG;;;;;EAkDhD"}
+{"version":3,"file":"use-calendar-pricing.d.ts","sourceRoot":"","sources":["../../../../src/components/travel-calendar/hook/use-calendar-pricing.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,MAAM,WAAW,WAAW;IAC3B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,uBAAuB;IAChC;;;OAGG;IACH,YAAY,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IACxC,0FAA0F;IAC1F,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,2GAA2G;IAC3G,OAAO,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,oBAAoB,EAAE,OAAO,CAAC;IAC9B,gBAAgB,EAAE,cAAc,CAAC;IACjC,IAAI,EAAE,YAAY,CAAC;CACnB;AAOD;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,EAClC,YAAY,EACZ,iBAAiB,EACjB,OAAO,EACP,oBAAoB,EACpB,gBAAgB,EAChB,IAAI,GACJ,EAAE,uBAAuB;;;;;4BA8DlB,MAAM;+BAUiC,MAAM;yDAOP,GAAG;;;;;;;;;EAwDhD"}

package/dist/lizaui.css

@@ -2475,12 +2475,13 @@
 
 :root {
   --tc-day-size: 45px;
-  --tc-font-size-number: 11px;
-  --tc-font-size-price: 9px;
+  --tc-font-size-number: 13px;
+  --tc-font-size-price: 10px;
   /* Alto fijo del hueco de precio: igual con precio, sin precio o cargando (evita layout shift). */
   --tc-price-height: 10px;
-  --tc-color-price: #5f6368;
+  --tc-color-price: var(--color-default-500, #6b7280);
   --tc-color-price-empty: #9ca3af;
+  --tc-color-price-lowest: var(--color-success-600, #16a34a);
   --tc-bg-selected: rgba(59, 130, 246, 0.2);
   --tc-radius: 50%;
   --tc-transition: 120ms ease-in-out;
@@ -2543,60 +2544,68 @@
     outline: 2px solid currentColor;
   }
 }
+.react-multi-date-picker-travel-calendar-popover {
+  /* ------------------------------------------------------------ cabeceras */
+  /* Solo el estilo del texto: la posición del título y de las flechas no cambia. */
+}
 .react-multi-date-picker-travel-calendar-popover .rmdp-header-values {
-  color: var(--color-default-900) !important;
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--color-foreground, #11181c) !important;
+  /* La librería separa cada parte con padding-left: 5px; el espacio del separador basta ("Junio 2026"). */
+}
+.react-multi-date-picker-travel-calendar-popover .rmdp-header-values span {
+  padding: 0 !important;
 }
 .react-multi-date-picker-travel-calendar-popover .rmdp-week-day {
+  font-size: 12px !important;
   font-weight: 500 !important;
   color: var(--color-default-500) !important;
 }
+.react-multi-date-picker-travel-calendar-popover {
+  /* ------------------------------------------------------------------ días */
+}
+.react-multi-date-picker-travel-calendar-popover .rmdp-day,
+.react-multi-date-picker-travel-calendar-popover .rmdp-week-day {
+  width: var(--tc-day-size) !important;
+  height: var(--tc-day-size) !important;
+  min-height: var(--tc-day-size) !important;
+  max-width: var(--tc-day-size) !important;
+}
+.react-multi-date-picker-travel-calendar-popover .rmdp-day span {
+  position: relative !important;
+  left: 0;
+  right: 0;
+  top: 0;
+}
 .react-multi-date-picker-travel-calendar-popover .travel-calendar-day {
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center !important;
   justify-content: center !important;
+  gap: 2px;
   width: var(--tc-day-size);
   height: var(--tc-day-size);
-  font-size: 12px;
   line-height: 1;
   user-select: none;
   border-radius: var(--tc-radius) !important;
-  transition: background-color var(--tc-transition), color var(--tc-transition), box-shadow var(--tc-transition), opacity var(--tc-transition);
-}
-.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--active {
-  cursor: pointer;
-}
-.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--active:hover {
-  background-color: transparent !important;
-}
-.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--disabled span {
-  text-decoration: line-through !important;
-}
-.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--selected {
-  background: var(--tc-bg-selected);
-  font-weight: 600;
-}
-.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--today {
-  box-shadow: 0 0 0 1px var(--color-primary);
+  transition: background-color var(--tc-transition), color var(--tc-transition), opacity var(--tc-transition);
 }
 .react-multi-date-picker-travel-calendar-popover .travel-calendar-day__number {
   font-size: var(--tc-font-size-number) !important;
+  font-weight: 600 !important;
   color: var(--color-default-900) !important;
-  font-weight: 500 !important;
-  margin-bottom: 2px;
+  font-variant-numeric: tabular-nums;
 }
 .react-multi-date-picker-travel-calendar-popover .travel-calendar-day__price {
   display: block;
   height: var(--tc-price-height);
   line-height: var(--tc-price-height);
   font-size: var(--tc-font-size-price) !important;
-  color: var(--tc-color-price) !important;
   font-weight: 500;
+  color: var(--tc-color-price) !important;
+  font-variant-numeric: tabular-nums;
   white-space: nowrap;
 }
 .react-multi-date-picker-travel-calendar-popover {
@@ -2605,6 +2614,16 @@
 .react-multi-date-picker-travel-calendar-popover .travel-calendar-day__price:not(.travel-calendar-day__price--loading, .travel-calendar-day__price--empty) {
   animation: tc-price-in 180ms ease-out;
 }
+.react-multi-date-picker-travel-calendar-popover .travel-calendar-day__price--empty {
+  color: var(--tc-color-price-empty);
+}
+.react-multi-date-picker-travel-calendar-popover {
+  /* Precio más bajo del mes (solo cuando el mes tiene precios distintos). */
+}
+.react-multi-date-picker-travel-calendar-popover .travel-calendar-day__price--lowest {
+  color: var(--tc-color-price-lowest) !important;
+  font-weight: 700;
+}
 .react-multi-date-picker-travel-calendar-popover {
   /* Skeleton del precio mientras se consulta la API. */
 }
@@ -2616,66 +2635,98 @@
   background-color: var(--color-default-200);
   animation: tc-skeleton-pulse 1.2s ease-in-out infinite;
 }
+.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--active {
+  cursor: pointer;
+}
 .react-multi-date-picker-travel-calendar-popover .travel-calendar-day--loading {
   cursor: progress;
 }
-.react-multi-date-picker-travel-calendar-popover {
-  /* Mientras carga no se tacha ni se atenúa: todavía no sabemos si el día tiene salida. */
-}
 .react-multi-date-picker-travel-calendar-popover .rmdp-day.rmdp-disabled:has(.travel-calendar-day--loading) {
   cursor: progress;
 }
-.react-multi-date-picker-travel-calendar-popover .rmdp-day,
-.react-multi-date-picker-travel-calendar-popover .rmdp-week-day {
-  width: var(--tc-day-size) !important;
-  height: var(--tc-day-size) !important;
-  min-height: var(--tc-day-size) !important;
-  max-width: var(--tc-day-size) !important;
+.react-multi-date-picker-travel-calendar-popover {
+  /* Sin salida: solo atenuado, sin tachar (son la mayoría y el tachado tapaba los días con precio). */
 }
-.react-multi-date-picker-travel-calendar-popover .rmdp-day span {
-  position: relative !important;
-  left: 0;
-  right: 0;
-  top: 0;
+.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--disabled {
+  cursor: not-allowed;
 }
-.react-multi-date-picker-travel-calendar-popover .travel-calendar-day__price--empty {
-  color: var(--tc-color-price-empty);
+.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--disabled .travel-calendar-day__number {
+  color: var(--color-default-300) !important;
+  font-weight: 500 !important;
+}
+.react-multi-date-picker-travel-calendar-popover {
+  /* Antes de la fecha mínima: aquí sí se tacha, porque no es "sin salida" sino "no permitido". */
+}
+.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--before-min .travel-calendar-day__number {
+  text-decoration: line-through;
 }
 .react-multi-date-picker-travel-calendar-popover {
-  /* El hueco vacío es un espacio de reserva: sin tachado (si no, se ve un "-" bajo el número). */
+  /*
+   * Días del otro mes (showOtherDays): referencia visual, sin precio ni selección (en doble vista se duplicaban).
+   * Se usa la clase de la librería porque es correcta por mes; el `currentMonth` de mapDays es siempre el primero.
+   */
+}
+.react-multi-date-picker-travel-calendar-popover .rmdp-day.rmdp-deactive {
+  pointer-events: none;
+}
+.react-multi-date-picker-travel-calendar-popover .rmdp-day.rmdp-deactive .travel-calendar-day__number {
+  color: var(--color-default-300) !important;
+  font-weight: 400 !important;
+  text-decoration: none;
 }
-.react-multi-date-picker-travel-calendar-popover .travel-calendar-day--disabled .travel-calendar-day__price--empty {
-  text-decoration: none !important;
+.react-multi-date-picker-travel-calendar-popover .rmdp-day.rmdp-deactive .travel-calendar-day__price {
+  visibility: hidden;
+}
+.react-multi-date-picker-travel-calendar-popover .rmdp-day.rmdp-deactive span,
+.react-multi-date-picker-travel-calendar-popover .rmdp-day.rmdp-deactive.rmdp-selected span,
+.react-multi-date-picker-travel-calendar-popover .rmdp-day.rmdp-deactive.rmdp-today span {
+  background-color: transparent !important;
+  box-shadow: none !important;
 }
 .react-multi-date-picker-travel-calendar-popover {
   /* Accesibilidad: foco navegable si se usa keyboard nav de librería */
 }
 .react-multi-date-picker-travel-calendar-popover .travel-calendar-day:focus-visible {
-  outline: 2px solid #2563eb;
+  outline: 2px solid var(--color-primary);
   outline-offset: 2px;
 }
-.react-multi-date-picker-travel-calendar-popover .rmdp-day.rmdp-selected span:not(.highlight) {
+.react-multi-date-picker-travel-calendar-popover {
+  /*
+   * Hoy: fondo suave y número en primario, como HeroUI (sin aro). Si hoy no tiene salida, solo el número.
+   * El número usa la clase propia: la librería no marca `rmdp-today` en un día deshabilitado.
+   */
+}
+.react-multi-date-picker-travel-calendar-popover .rmdp-day:not(.rmdp-deactive) .travel-calendar-day--today .travel-calendar-day__number {
+  color: var(--color-primary) !important;
+}
+.react-multi-date-picker-travel-calendar-popover .rmdp-day.rmdp-today:not(.rmdp-disabled, .rmdp-deactive) span {
+  background-color: var(--color-primary-100) !important;
+}
+.react-multi-date-picker-travel-calendar-popover .rmdp-day.rmdp-today.rmdp-disabled:not(.rmdp-deactive) span {
+  background-color: transparent !important;
+}
+.react-multi-date-picker-travel-calendar-popover {
+  /* Seleccionado */
+}
+.react-multi-date-picker-travel-calendar-popover .rmdp-day.rmdp-selected:not(.rmdp-deactive) span:not(.highlight) {
   background-color: var(--color-primary) !important;
   color: #fff !important;
   box-shadow: none !important;
 }
-.react-multi-date-picker-travel-calendar-popover .rmdp-day.rmdp-selected span:not(.highlight) .travel-calendar-day__price {
+.react-multi-date-picker-travel-calendar-popover .rmdp-day.rmdp-selected:not(.rmdp-deactive) span:not(.highlight) .travel-calendar-day__number {
   color: #fff !important;
 }
+.react-multi-date-picker-travel-calendar-popover .rmdp-day.rmdp-selected:not(.rmdp-deactive) span:not(.highlight) .travel-calendar-day__price {
+  color: rgba(255, 255, 255, 0.85) !important;
+}
 @media (hover: hover) {
-  .react-multi-date-picker-travel-calendar-popover .rmdp-day:not(.rmdp-disabled, .rmdp-day-hidden) span:hover {
+  .react-multi-date-picker-travel-calendar-popover .rmdp-day:not(.rmdp-disabled, .rmdp-day-hidden, .rmdp-selected) span:hover {
     background-color: var(--color-primary-100) !important;
-    color: var(--color-primary-500) !important;
   }
-  .react-multi-date-picker-travel-calendar-popover .travel-calendar-day.travel-calendar-day--active:hover span {
-    background-color: var(--color-primary-100) !important;
-    color: var(--color-primary-500) !important;
+  .react-multi-date-picker-travel-calendar-popover .rmdp-day:not(.rmdp-disabled, .rmdp-day-hidden, .rmdp-selected) span:hover .travel-calendar-day__number {
+    color: var(--color-primary) !important;
   }
 }
-.react-multi-date-picker-travel-calendar-popover .rmdp-day.rmdp-today span {
-  background-color: var(--color-primary-100) !important;
-  color: var(--color-primary-500) !important;
-}
 
 @keyframes tc-skeleton-pulse {
   0%, 100% {