[ML] Calendar conversion to React

[alvarezmelissa87]

Meta Issue to track progress on Calendar conversion to React.

Calendars conversion

PR: #26741

• list page
  • display table
  • order by id, job, events
  • can trigger delete
    • delete confirmation modal on delete
  • edit button functionality
  • new button functionality
• new/edit calendar form
  • validation of calendar id
  • able to create new calendar
  • able to edit existing calendar
  • 'Cancel' button navigates back to calendar list
  • populate job/group options
  • able to add new group
  • edit: disable changing calendar_id
• event list
• create new events
  • Current functionality: If user inputs in To a time that is earlier than From, From is updated to be one day before (and vice versa). Open to opinions on this.
• import events
• Error handling - toast with error message and 'try again'
• Permissions
  • Create Calendar
    • disabled if canCreateCalendar === false || mlNodesAvailable === false
  • Delete Calendar
    • disabled if canDeleteCalendar === false || mlNodesAvailable === false

Follow up:

• Update routes with k7 breadcrumbs (only master)
  • [ML] Implement k7 breadcrumbs for ML Calendars routes #27087
• Remove old scheduled_events/ directory
  • [ML] Remove old schedule_events/ directory #27095
• Switch to EuiTitle for the ID and description for calendar edit mode
• Update sorting of Events column in calendars table to sort by numeric count
  • Apply a custom sort on columns - see Custom column sort values for EuiInMemoryTable eui#929.
    • [ML] Fixes sort on Calendars list events column so that it is done numerically #27517
• Ensure the calendar id doesn't already exist prior to saving
  • [ML] Settings/Calendars: Prevent new calendar save if id already exists #27104
• IE11 import modal fix
  • [ML] Fix import modal flex items overflowing in IE11 #27529
• Ensure classes follow BEM guideless
• css updates: rename _calendar.sccs to _calendars.sccs + create _list.scss

Designs

cc @pheyos - this update will definitely affect any ui tests you have for Settings/Calendar management.
Wanted to give you a heads up! Let me know if you have any questions.

• List page:

• Delete calendar modal:

• Create form:

• Edit form:

• Create Events:

• Import Events:

• Import Events Error:

[elasticmachine]

Pinging @elastic/ml-ui

[peteharverson]

Closing as addressed by #26741