🚀 Material UI and MUI X v9 are out! Check out the announcement blogpost.

Event Timeline - Preferences

Let your user customize the component to their needs.

Initialize the preferences

Use the defaultPreferences prop to initialize the preferences:

const defaultPreferences = {
  ampm: false,
}

<EventTimelinePremium defaultPreferences={defaultPreferences} />;

Available properties:

ampm: Whether the component should display the time in 12-hour format with AM/PM meridiem.
weekStartsOn: The day the week starts on (0 = Sunday, 1 = Monday, ..., 6 = Saturday).

Resource title

You can also control the preferences using preferences and onPreferencesChange props:

const [preferences, setPreferences] = React.useState<
  Partial<EventTimelinePremiumPreferences>
>({});

return (
  <EventTimelinePremium
    preferences={preferences}
    onPreferencesChange={setPreferences}
  />
);

API

See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.

<EventTimelinePremium />