import React from 'react';
import PropTypes from 'prop-types';

export const DateRange = (props) => {
  return (
    <div data-testid="mock-date-range">
      <button onClick={() => props.onChange?.({ selection: { startDate: new Date(), endDate: new Date() } })}>
        Mock DateRange
      </button>
    </div>
  );
};

DateRange.propTypes = {
  onChange: PropTypes.func.isRequired
};

export const Calendar = (props) => {
  return (
    <div data-testid="mock-calendar">
      <button onClick={() => props.onChange?.(new Date())}>
        Mock Calendar
      </button>
    </div>
  );
};

Calendar.propTypes = {
  onChange: PropTypes.func
};
