Create vacation

[sabokhat1]

The task is to create a Vacation that allows users to assign and manage vacation for an employee.

Form Structure

1. Select Employee:

• Employee Dropdown:
  A dropdown menu to select an employee from the existing list. Once an employee is selected:
  • Display their planned vacation days and used vacation days dynamically.

2. Vacation Details:

• Planned vacation Days:
• Used vacation Days:
• Vacation Dates:
  • Start Date: A date picker to select the starting date of the vacation.
  • End Date: A date picker to select the ending date of the vacation.

3. Working Year:

• Working Year:
  A field displaying the employee’s current working year (e.g., 2023-2024), either automatically populated or selected from a dropdown.

4. Additional Information:

• Comments:
  A text area for optional notes or remarks about the vacation request (e.g., reason for vacation, approvals, etc.).

Actions:

• Save Button:
  A button at the bottom of the form to save the vacation record. Ensure all required fields are validated before saving.
• Cancel Button:
  A button to discard the changes and return to the vacation calendar.

Validation Requirements:

• Ensure the selected vacation dates do not overlap with any previously approved vacation dates for the employee.
• Validate that the total requested vacation days do not exceed the employee's available planned vacation days.

User Interface Features:

• Dynamic Updates:
  Automatically update displayed planned and used vacation days when an employee is selected.
• Responsive Design:
  Ensure the form is accessible and easy to use on all devices.
• Error Messages:
  Provide clear feedback for validation errors, such as overlapping dates or exceeding available vacation days.

Expected Outcome:

A seamless Vacation page where users can select an employee, view their vacation details, and assign new vacation dates with optional comments. The form should ensure accurate and valid data entry, supporting effective vacation management.