DevExtreme Reactive component libraries are in maintenance support mode.
This demo shows how to customize the Scheduler UI elements and put a custom component to the toolbar. The appointment color and tooltip content depends on the appointment priority. You can also use the select box on the toolbar to filter appointments by their priority.
import * as React from 'react';