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

Mon, May 25 - Sun, May 31

Mon, Jun 1 - Sun, Jun 7

Mon, Jun 8 - Sun, Jun 14

Mon, Jun 15 - Sun, Jun 21

Mon, Jun 22 - Sun, Jun 28

Mon, Jun 29 - Sun, Jul 5

Mon, Jul 6 - Sun, Jul 12

Mon, Jul 13 - Sun, Jul 19

Mon, Jul 20 - Sun, Jul 26

Mon, Jul 27 - Sun, Aug 2

Mon, Aug 3 - Sun, Aug 9

Mon, Aug 10 - Sun, Aug 16

Mon, Aug 17 - Sun, Aug 23

Mon, Aug 24 - Sun, Aug 30

Mon, Aug 31 - Sun, Sep 6

Mon, Sep 7 - Sun, Sep 13

Customer Success

Design

DevOps

Engineering

Finance

Marketing

Product

Sales

Year-End Customer Appreciation

Motion Design Guidelines

Brand Evolution

Infrastructure as Code

Marketplace Development

Self-Service Portal

Year-End Code Freeze

Annual Conference

Self-Service Portal PRD

Analytics Revamp Planning

H2 2026 Roadmap

Mid-Year Review

Self-Service Portal Testing

Year-End Release Testing

Annual Sales Summit

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 />