Function ScheduleInput

frontend/src/components/forms/ScheduleInput.jsx:48–229

({
  // Schedule type
  scheduleType = 'interval',
  onScheduleTypeChange,

  // Cron
  cronValue = '',
  onCronChange,

  // Default interval input (used when children not provided)
  intervalValue = 0,
  onIntervalChange,
  intervalLabel = 'Refresh Interval (hours)',
  intervalDescription = 'How often to refresh (0 to disable)',
  min = 0,

  // Custom simple-mode content (replaces the default NumberInput)
  children,

  // Link text for toggling
  switchToCronLabel = 'Use cron schedule',
  switchToIntervalLabel = 'Use interval schedule',

  disabled = false,
})

import CronBuilder from './CronBuilder';

export default function ScheduleInput({
  // Schedule type
  scheduleType = 'interval',
  onScheduleTypeChange,

  // Cron
  cronValue = '',
  onCronChange,

  // Default interval input (used when children not provided)
  intervalValue = 0,
  onIntervalChange,
  intervalLabel = 'Refresh Interval (hours)',
  intervalDescription = 'How often to refresh (0 to disable)',
  min = 0,

  // Custom simple-mode content (replaces the default NumberInput)
  children,

  // Link text for toggling
  switchToCronLabel = 'Use cron schedule',
  switchToIntervalLabel = 'Use interval schedule',

  disabled = false,
}) {
  const [cronError, setCronError] = useState(null);
  const [builderOpened, setBuilderOpened] = useState(false);

  // Validate cron whenever it changes
  useEffect(() => {
    if (scheduleType === 'cron' && cronValue) {
      const v = validateCronExpression(cronValue);
      setCronError(v.valid ? null : v.error);
    } else {
      setCronError(null);
    }
  }, [scheduleType, cronValue]);

  const switchToCron = (e) => {
    e.preventDefault();
    onScheduleTypeChange('cron');
  };

  const switchToInterval = (e) => {
    e.preventDefault();
    onScheduleTypeChange('interval');
    onCronChange('');
    setCronError(null);
  };

  const handleCronChange = (val) => {
    onCronChange(val);
    if (val) {
      const v = validateCronExpression(val);
      setCronError(v.valid ? null : v.error);
    } else {
      setCronError(null);
    }