# @fluentui/react-timepicker-compat-preview

> Fluent UI TimePicker Compat Component

Latest version **0.2.0** (published 2024-01-09) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install @fluentui/react-timepicker-compat-preview
pnpm add @fluentui/react-timepicker-compat-preview
yarn add @fluentui/react-timepicker-compat-preview
bun add @fluentui/react-timepicker-compat-preview
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 0.2.0 |
| Published | 2024-01-09 |
| First published | 2023-11-01 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 9 |
| Unpacked size | 124.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 20272 |
| Maintainers | sopranopillow, microsoft1es, justslone, chrisdholt, miroslavstastny, levithomason, uifabricteam, uifrnbot, dzearing, layershifter, ling1726, travisspomer |

## Links

- npm: https://www.npmjs.com/package/@fluentui/react-timepicker-compat-preview
- Repository: https://github.com/microsoft/fluentui
- Homepage: https://github.com/microsoft/fluentui#readme
- Issues: https://github.com/microsoft/fluentui/issues
- npm.io page: https://npm.io/package/@fluentui/react-timepicker-compat-preview

## Dependencies (9)

- [@swc/helpers](https://npm.io/package/@swc/helpers.md) ^0.5.1
- [@griffel/react](https://npm.io/package/@griffel/react.md) ^1.5.14
- [@fluentui/react-field](https://npm.io/package/@fluentui/react-field.md) ^9.1.47
- [@fluentui/react-theme](https://npm.io/package/@fluentui/react-theme.md) ^9.1.16
- [@fluentui/keyboard-keys](https://npm.io/package/@fluentui/keyboard-keys.md) ^9.0.7
- [@fluentui/react-combobox](https://npm.io/package/@fluentui/react-combobox.md) ^9.5.39
- [@fluentui/react-utilities](https://npm.io/package/@fluentui/react-utilities.md) ^9.15.6
- [@fluentui/react-jsx-runtime](https://npm.io/package/@fluentui/react-jsx-runtime.md) ^9.0.24
- [@fluentui/react-shared-contexts](https://npm.io/package/@fluentui/react-shared-contexts.md) ^9.13.2

## Recent versions

- 0.2.0 (latest) — 2024-01-09
- 0.0.0-nightly-20240109-0405.1 (nightly) — 2024-01-09
- 0.1.10 — 2024-01-08
- 0.0.0-nightly-20240108-0406.1 — 2024-01-08
- 0.0.0-nightly-20240105-0405.1 — 2024-01-05
- 0.0.0-nightly-20240104-0405.1 — 2024-01-04
- 0.1.9 — 2024-01-03
- 0.0.0-nightly-20240103-0406.1 — 2024-01-03
- 0.0.0-nightly-20240101-0406.1 — 2024-01-01
- 0.0.0-nightly-20231229-0405.1 — 2023-12-29
- 0.0.0-nightly-20231228-0406.1 — 2023-12-28
- 0.0.0-nightly-20231227-0406.1 — 2023-12-27
- 0.0.0-nightly-20231226-0405.1 — 2023-12-26
- 0.0.0-nightly-20231225-0406.1 — 2023-12-25
- 0.0.0-nightly-20231222-0405.1 — 2023-12-22
- … 46 more at https://npm.io/package/@fluentui/react-timepicker-compat-preview/versions

## README

# @fluentui/react-timepicker-compat-preview

**React Timepicker components for [Fluent UI React](https://react.fluentui.dev/)**

These are not production-ready components and **should never be used in product**. This space is useful for testing new components whose APIs might change before final release.

TimePicker offers a control that’s optimized for selecting a time from a drop-down list or using free-form input to enter a custom time.

## Usage

To import Timepicker:

```js
import { TimePicker } from '@fluentui/react-timepicker-compat-preview';
```

### Examples

```jsx
<TimePicker />
```

# Compat component

## What makes a compat component?

A compat component is a component taken from v8 and partially updated with the v9 toolset while keeping its original functionality and most of the original API surface. The most noticeable change being the removal of all v8 dependencies and using only v9 dependencies. While this is a good first step, this is not the final v9 component. We are working on a fully fleshed v9 replacement that will follow all v9 patterns and conventions.

## How publishing the package will be handled

Compat components are not added in the `@fluentui/react-components` package suite. Instead, these components should be imported from their respective package as shown above. In contrast with components that live in `@fluentui/react-components`, compat components are to be released as `0.x.x` and there won't be an unstable release (`beta/alpha`) before this release. This is due to the way we will handle versioning for changes, allowing for breaking changes when necessary.

### Versioning for changes

We will take a similar approach as v0 where we will follow this pattern:

- `breaking change (major)`: Since this is a compat component, we will allow breaking changes if absolutely necessary. To accommodate for this, we will denote those changes as a minor version in semver, i.e. `0.(change will be reflected here).x`.
- `minor and patch`: These changes will be reflected in the patch version in semver as `0.x.(change will be reflected here)`.

---
_Source: https://npm.io/package/@fluentui/react-timepicker-compat-preview · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._