https://docs.cron-job.org/_sources/rest-api.rst.txt
I'm creating an a react component that makes api call to corn api to schedule reaciring task
JobScheduleļ The JobSchedule object represents the execution schedule of a job.
Key
Type
Description
Default *
timezone
string
Schedule time zone (see here for a list of supported values)
UTC
expiresAt
int
Date/time (in jobās time zone) after which the job expires, i.e. after which it is not scheduled anymore (format: YYYYMMDDhhmmss, 0 = does not expire)
0
hours
array of int
Hours in which to execute the job (0-23; [-1] = every hour)
[]
mdays
array of int
Days of month in which to execute the job (1-31; [-1] = every day of month)
[]
minutes
array of int
Minutes in which to execute the job (0-59; [-1] = every minute)
[]
months
array of int
Months in which to execute the job (1-12; [-1] = every month)
[]
wdays
array of int
Days of week in which to execute the job (0=Sunday - 6=Saturday; [-1] = every day of week)
[]
create UI for user where he can create an cornjob which is one time or reportĀ at special interval - day, date, month, months, year, years
I'll create a comprehensive cron job scheduler component that allows users to create both one-time and recurring jobs with an intuitive interface.
I've created a comprehensive cron job scheduler component that provides:
Key Features:
- Job Type Selection: Choose between one-time execution or recurring schedules
- Basic Job Information: Name, URL, and description fields
- Timezone Support: Dropdown with common timezones
- One-time Jobs: Simple date and time picker
Recurring Jobs: Two modes:
- Simple Mode: Easy presets for daily, weekly, monthly, yearly
- Advanced Mode: Full cron-style control over minutes, hours, days, months, and weekdays
Simple Recurring Options:
- Daily: Runs every day at specified time
- Weekly: Runs on a specific day of the week
- Monthly: Runs on a specific day of the month
- Yearly: Runs on a specific date each year
Advanced Features:
- Granular control over all schedule parameters
- "Every X" buttons for quick selection
- Optional job expiration date/time
- Visual checkbox grids for easy selection
API Integration:
The component generates the proper JobSchedule object format that matches the cron-job.org API specification. When submitted, it logs the complete job configuration that can be sent to the API.
The interface is responsive and uses shadcn/ui components for a clean, professional look. You can extend this by adding actual API integration, validation, and error handling as needed.
Recurring Schedule
add text that tells when exactly the job is going to run and repat or not
for exapmel:
- job will repeat eveyday at 9:30pm
- job will run on evey friday at 9:30pm
- job will run on every 4th January 9:30pm
I've added a comprehensive schedule preview system that shows exactly when jobs will run! Here's what's new:
Preview Features:
One-time Jobs:
- Shows the exact date and time the job will execute
- Example: "Job will run once on 12/25/2024 at 9:30 PM"
Simple Recurring Jobs:
- Daily: "Job will repeat every day at 9:30 PM"
- Weekly: "Job will repeat every Friday at 9:30 PM"
- Monthly: "Job will repeat every 4th of the month at 9:30 PM"
- Yearly: "Job will repeat every January 4th at 9:30 PM"
Advanced Recurring Jobs:
The preview intelligently handles complex schedules:
- Single time: "Job will repeat every Monday at 9:30 AM"
- Multiple days: "Job will repeat on Monday, Wednesday and Friday at 9:30 AM"
- Multiple times: "Job will repeat every day at 9:30 AM, 2:15 PM, 6:00 PM"
- Month restrictions: "Job will repeat every Monday at 9:30 AM in January and July"
- Complex patterns: "Job will repeat on the 1st, 15th of each month at 9:30 AM"
Visual Design:
- One-time jobs: Green preview box with calendar icon
- Recurring jobs: Blue preview box with clock icon
- Updates in real-time as you change settings
- Clear, human-readable descriptions
The preview automatically updates whenever you change any schedule settings, making it easy to understand exactly when your cron job will execute!
Remove job name and description and add the fileds from image to this keep the rest of the form same
We are creating a ai goal reminderĀ app that remind you your goal on set intervial
we are using corn job for that.
