open-index/open-npm huggingface dataset:
npm package: @salt-ds/date-components
Description: Salt Design System date components.
Latest version: 0.0.0-snapshot-20260330155807

# @salt-ds/date-components

Salt Design System date components.

## Status

The date components previously lived in `@salt-ds/lab`. They now live here in `@salt-ds/date-components`.

To avoid a breaking change, `@salt-ds/lab` still re-exports these components for now (and logs a deprecation warning in development). New code should import from `@salt-ds/date-components`.

## Contents

This package includes:

- **Calendar** (and supporting hooks)
- **Date input** components
- **Date picker** components
- **LocalizationProvider** for date localization/config

## Installation

```sh
yarn add @salt-ds/date-components @salt-ds/date-adapters
```

You will also need the usual Salt peer dependencies (React) and the Salt packages used by these components (for example `@salt-ds/core`, `@salt-ds/styles`).

## Date adapters

The date components rely on `@salt-ds/date-adapters` for parsing/formatting and date framework integration.

Make sure you have an adapter configured for the date library/framework you’re using, and wrap your app (or the relevant subtree) with `LocalizationProvider`.

## Usage

Import components from `@salt-ds/date-components`:

```tsx
import {
  LocalizationProvider,
  DatePicker,
  DateInputSingle,
  Calendar,
} from "@salt-ds/date-components";

// ...render in your app
```

## Migration from `@salt-ds/lab`

If you currently import date components from `@salt-ds/lab`, you can continue to do so for now, but those exports are deprecated and will be removed in a future release.

Update imports from:

```ts
import { DatePicker } from "@salt-ds/lab";
```

to:

```ts
import { DatePicker } from "@salt-ds/date-components";
```
npm package: @salt-ds/highcharts-theme
Description: `@salt-ds/highcharts-theme` provides Salt styling and default configuration for [Highcharts](https://www.highcharts.com/).
Latest version: 0.2.2

# Salt Highcharts Theme

`@salt-ds/highcharts-theme` provides Salt styling and default configuration for [Highcharts](https://www.highcharts.com/).

See the Salt docs for usage, examples, and accessibility guidance: [Chart](https://www.saltdesignsystem.com/salt/components/chart).

## Highcharts support

Compatible with **Highcharts 10.2.0** (specifically) and **Highcharts 11+**.

## License

A Highcharts license is required.

## Installation

```bash
npm install highcharts@10.2.0 highcharts-react-official @salt-ds/highcharts-theme
# or
yarn add highcharts@10.2.0 highcharts-react-official @salt-ds/highcharts-theme
```

## Quick start

Import Highcharts CSS **before** the Salt theme CSS (see Highcharts docs: [Style by CSS](https://www.highcharts.com/docs/chart-design-and-style/style-by-css)).

- Highcharts v10.2.0 CSS: `https://code.highcharts.com/10.2.0/css/highcharts.css`
- Highcharts v11+ CSS: `https://code.highcharts.com/your-version/css/highcharts.css`

```jsx
import Highcharts from "highcharts";
import HighchartsReact from "highcharts-react-official";
import { useRef } from "react";
import { useChart } from "@salt-ds/highcharts-theme";

import "@salt-ds/highcharts-theme/index.css";

export function MyChart({ chartOptions }) {
  const chartRef = useRef(null);
  const options = useChart(chartRef, chartOptions);

  return (
    <div className="highcharts-theme-salt">
      <HighchartsReact
        ref={chartRef}
        highcharts={Highcharts}
        options={options}
      />
    </div>
  );
}
```

## Optional container classes

See [Chart usage](https://www.saltdesignsystem.com/salt/components/chart/usage) for details.

- `salt-line-patterns`
- `salt-fill-patterns`
- `axes-grid-lines`

## Accessibility

Enable the Highcharts accessibility module (v10 requires initialization; v11+ auto-initializes). See [Chart accessibility](https://www.saltdesignsystem.com/salt/components/chart/accessibility).