The Elastic UI framework (EUI) is a design library in use at Elastic to build internal products that need to share our aesthetics. It distributes UI React components and static assets for use in building web layouts.

EuiDatePicker is the foundational component that all other EUI date and time controls are built upon. It itself depends upon moment for all of its formatting, and a forked and modified version of react-datepicker for accessibility.

Getting started | Elastic UI Framework ... Installation

They allow for an icon node and/or quantity to be passed. You can also indicate the current selection with isSelected. Other props include isDisabled and isLoading (which will swap the quantity indicator with a loading icon).

While the EuiPageHeader component can be placed anywhere within your page layout, we recommend using it within the EuiPageTemplate component by passing the configuration props as its pageHeader.

Data grid advanced | Elastic UI Framework ... Ref methods

EuiLink is any anchor or button element that is designed to display nicely within a block of text. It also provides more anchor-specific styling onto links and makes sure they are accessible.

You can have the most beautiful UI, but without consistent, easy-to-understand text, you haven’t built the best user experience.

If you're unsure of which selection component to use, see EUI's in-depth guide to selection components for more information.

Filter group | Elastic UI Framework ... Filter buttons