Calendar : enabledDates is not evaluated with disabledDays

[sdwillbrand]

Describe the bug

When using disabledDays passing enabledDates is not working.

Reproducer

https://codesandbox.io/p/sandbox/primereact-test-forked-cjy7lg?file=%2Fsrc%2Findex.js

PrimeReact version

latest

React version

18.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

[melloware]

I can't get to your Sandbox. Can you just paste your whole js file here in comment so I can see.

[sdwillbrand]

import React, { useState } from "react";
import { createRoot } from "react-dom/client";
import { Button } from "primereact/button";
import { Calendar } from "primereact/calendar";
import "primereact/resources/themes/lara-light-indigo/theme.css"; //theme
import "primereact/resources/primereact.min.css"; //core css
import "primeicons/primeicons.css"; // icons
import "primeflex/primeflex.css"; // flex
import "./styles.css"; // application css

const disabledDates = [];

for (let i = 0; i < 400; i++) {
  disabledDates.push(new Date(new Date("2022-12-25").getTime() + 86400000 * i));
}

const App = () => {
  const [date, setDate] = useState(null);

  return (
    <div className="App">
      <Calendar
        value={date}
        onChange={(e) => setDate(e.value)}
        disabledDates={disabledDates}
        disabledDays={[0, 1, 2, 3]}
        enabledDates={[new Date("2024-02-19")]}
      />
    </div>
  );
};

const container = document.getElementById("root");
const root = createRoot(container);
root.render(<App />);

[melloware]

Thanks!

[melloware]

OK I think this is what you want:

[sdwillbrand]

Exactly!!! Thank you!