"use client"
import { useState } from "react";
import { DayPicker } from "react-day-picker";
// import "react-day-picker/style.css";
import { enUS, fr, ar } from "date-fns/locale"; // Import locales

export function MyDatePicker() {
  const [selected, setSelected] = useState<Date>();
  const locale = ar; // Change this to the desired locale

  return (
    <DayPicker mode="range" />
  );
}