如何限制箭头从特定日期显示到另一个日期？

import React, { useState } from 'react';

const DateRangeArrow = ({ startDate, endDate }) => {
  const [currentDate, setCurrentDate] = useState(new Date());

  const isWithinRange = (date) => {
    return date >= new Date(startDate) && date <= new Date(endDate);
  };

  return (
    <div>
      <p>Current Date: {currentDate.toLocaleDateString()}</p>
      {isWithinRange(currentDate) ? (
        <span>➡️</span>
      ) : (
        <span></span>
      )}
    </div>
  );
};

const App = () => {
  const startDate = '2023-01-01';
  const endDate = '2023-12-31';

  return (
    <div>
      <h1>Date Range Arrow Example</h1>
      <DateRangeArrow startDate={startDate} endDate={endDate} />
    </div>
  );
};

export default App;