# Panel-material-ui 0.12.0

**URL:** <https://discourse.holoviz.org/t/panel-material-ui-0-12-0/9241>\
**Category:** Announcements\
**Tags:** panel\
**Created:** [June 4, 2026, 8:13am UTC](https://discourse.holoviz.org/t/panel-material-ui-0-12-0/9241 "2026-06-04T08:13:00Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![philippjfr](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/philippjfr/32/7_2.png) [@philippjfr](https://discourse.holoviz.org/u/philippjfr)\
**Post date:** [June 4, 2026, 8:13am UTC](https://discourse.holoviz.org/t/panel-material-ui-0-12-0/9241/1 "2026-06-04T08:13:00Z")

</div>

We are very pleased to announce the release of `panel-material-ui` 0.12.0. This release marks a milestone as it finally brings parity between panel’s set of base widgets and the equivalent but more modern `panel-material-ui` versions. Specifically this release adds [`DateRangePicker`](https://panel-material-ui.holoviz.org/reference/widgets/DateRangePicker.html) and [`DatetimeRangePicker`](https://panel-material-ui.holoviz.org/reference/widgets/DatetimeRangePicker.html), which were the last holdouts.

Other than that this release better aligns different component types, converting [`Avatar`](https://panel-material-ui.holoviz.org/reference/widgets/Avatar.html) and [`Chip`](https://panel-material-ui.holoviz.org/reference/widgets/Chip.html) to be button-like widgets. It also introduces a new class of so called “Wrapper” components that wrap child components to add visual effects or overlays, including [`Transition`](https://panel-material-ui.holoviz.org/reference/wrappers/Transition.html) for animated reveals, [`Badge`](https://panel-material-ui.holoviz.org/reference/wrappers/Badge.html) for notification indicators, and [`Tooltip`](https://panel-material-ui.holoviz.org/reference/wrappers/Tooltip.html) for contextual hints on hover.

It also builds on the work in param 2.4.0 and panel 1.9.0 to bring full static typing of all parameter types and adding the `py.typed` marker. That isn’t all though, for the full set of changes see the changelog below.

Many thanks to @ahuang11, @senlinyang98-crypto and @philippjfr for their contributions to this release.

### 🧩 New Wrapper Components

This release introduces wrapper components, a new category of components that wrap a child component to add visual effects, overlays, or interactive behaviors.

- Add [`Transition`](https://panel-material-ui.holoviz.org/reference/wrappers/Transition.html) wrapper for animated transitions (collapse, fade, grow, slide, zoom) ([#652](https://github.com/panel-extensions/panel-material-ui/pull/652))
- Add [`Badge`](https://panel-material-ui.holoviz.org/reference/wrappers/Badge.html) wrapper to display notification badges on child components ([#634](https://github.com/panel-extensions/panel-material-ui/pull/634))
- Add [`Tooltip`](https://panel-material-ui.holoviz.org/reference/wrappers/Tooltip.html) wrapper to show tooltips on hover ([#633](https://github.com/panel-extensions/panel-material-ui/pull/633))
- Reimplement [`Skeleton`](https://panel-material-ui.holoviz.org/reference/wrappers/Skeleton.html) as a Wrapper component ([#654](https://github.com/panel-extensions/panel-material-ui/pull/654))

### 🆕 New Widgets

- Add [`StepperMenu`](https://panel-material-ui.holoviz.org/reference/menus/StepperMenu.html) widget ([#631](https://github.com/panel-extensions/panel-material-ui/pull/631))
- Implement [`DateRangePicker`](https://panel-material-ui.holoviz.org/reference/widgets/DateRangePicker.html) and [`DatetimeRangePicker`](https://panel-material-ui.holoviz.org/reference/widgets/DatetimeRangePicker.html) ([#641](https://github.com/panel-extensions/panel-material-ui/pull/641))

### 🔧 Enhancements

- Convert [`Avatar`](https://panel-material-ui.holoviz.org/reference/widgets/Avatar.html) and [`Chip`](https://panel-material-ui.holoviz.org/reference/widgets/Chip.html) from a Pane to a Widget ([#653](https://github.com/panel-extensions/panel-material-ui/pull/653))
- Add `contextbar_resizable` and `contextbar_variant` parameters to [`Page`](https://panel-material-ui.holoviz.org/reference/page/Page.html) ([#657](https://github.com/panel-extensions/panel-material-ui/pull/657))
- Make `chart_style` configurable for Bokeh and Vizzu theming ([#660](https://github.com/panel-extensions/panel-material-ui/pull/660))
- Add markdown rendering support to [`Alert`](https://panel-material-ui.holoviz.org/reference/layouts/Alert.html) layout ([#661](https://github.com/panel-extensions/panel-material-ui/pull/661))
- Enable type checking with mypy and add `py.typed` marker ([#655](https://github.com/panel-extensions/panel-material-ui/pull/655))

### 🐛 Bug Fixes

- Ensure [`Button`](https://panel-material-ui.holoviz.org/reference/widgets/Button.html)-like components respect `variant` ([#642](https://github.com/panel-extensions/panel-material-ui/pull/642))
- Set a default icon for [`Rating`](https://panel-material-ui.holoviz.org/reference/widgets/Rating.html) so it is visible ([#643](https://github.com/panel-extensions/panel-material-ui/pull/643))
- Use `label` instead of `name` to fix deprecation warning ([#632](https://github.com/panel-extensions/panel-material-ui/pull/632))
- Fix closable handling for last tab in [`Tabs`](https://panel-material-ui.holoviz.org/reference/layouts/Tabs.html) ([#662](https://github.com/panel-extensions/panel-material-ui/pull/662))
- Support `size` on [`MultiSelect`](https://panel-material-ui.holoviz.org/reference/widgets/MultiSelect.html) to control visible rows ([#663](https://github.com/panel-extensions/panel-material-ui/pull/663))