Range Slider

[anderflash]

Bug, feature request, or proposal:

Feature request

What is the expected behavior?

Range Slider

What is the current behavior?

We manipulate a single value.

What are the steps to reproduce?

Not applicable

What is the use-case or motivation for changing an existing behavior?

For input a range (start and end) besides just one value. Currency, date, time... several motivations.

Which versions of Angular, Material, OS, browsers are affected?

Latest

Is there anything else we should know?

I think JQuery UI also could be a good source of new UI features for material2.

[andreElrico]

• working stackblitz mat-range-slider
• material only
• same API surface as mat-slider
• I want to wrap it in a library when I find time.

[chriszrc]

I ended up using this one:

https://www.primefaces.org/primeng/showcase/#/slider

It was easy to just add that one component, but it's also a bit broken with reactive forms :(

[francovp]

Any milestone when this can be included? Maybe for 10.1 or 11? Flutter Material got this already, before Angular Material that is now in version 10 :/

[francovp]

Flutter got a new updated Range Slider today :)

[Volftsun]

any updates? We are waiting for a range slider :)

[kuatek]

+1

[M1Joe]

@wagnermaciel super excited to see this get assigned to you! Any chance that means you're working this?

[jelbourn]

This is being added as part of the MDC-based slider that's currently in progress.

[patrickacioli]

Waiting for range slider. :)

[moshtaba]

jeeeeeeeez it is 2021. after five years still no range slider?

[crisbeto]

This is supported now with the slider in the @angular/material-experimental/mdc-slider package.

[NurGuz]

+1 for Angular 8 here?

[crisbeto]

We generally don't port features back to older releases, only fixes high-priority bugs and security issues.

[GrandSchtroumpf]

@crisbeto when installing @angular/material-experimental@latest the template is still

<!-- TODO: to be implemented as a part of the new MDC slider -->

I've got version ^12.0.2 which seems to be the newest at the time of this comment according to npm. Is there a way to use the version currently on master ?

[crisbeto]

Sorry, it looks like PRs were actually targeting the next minor release which will be 12.1.0. You can either wait for it or install one of the master builds from https://github.com/angular/material-experimental-builds.

[GrandSchtroumpf]

I see thanks. Any broad idea when the next minor should be ship ?

[crisbeto]

It should be within the next month or two.

[MattiaMalandrone]

Any news?

[crisbeto]

The range slider is currently available in @angular/material-experimental/mdc-slider.

[nzbin]

@odahcam @francovp @moshtaba @GrandSchtroumpf @MattiaMalandrone I have written a range slider in the Angular Material extensions library. https://ng-matero.github.io/extensions/components/slider/overview

[Phil-DS]

Is this coming to the main distribution at any point, or is it still stuck on MDC?

[wagnermaciel]

@Phil-DS The range slider is still considered experimental at this time

[narendrasinghrathore]

Any update, is this part of material.angular.io, please update? @andrewseguin

[wagnermaciel]

@narendrasinghrathore No major update yet. The range slider is still considered experimental and is available for preview in the @angular/material-experimental/mdc-slider package. You can follow our progress on the main branch

[SvenBudak]

@wagnermaciel is there a list where we can see the real progress in % or something like that? i plan a new project and i need to know, if i can start the prod work with material mdc already.

[wagnermaciel]

@SvenBudak There's no in progress % but you can track our progress by viewing our PRs https://github.com/angular/components/pulls?q=is%3Apr+%22feat%22+%22switch%22+%22implementation+to+use+MDC%22+created%3A%3E2022-01-01+

I wouldn't recommend using the mdc-slider just yet because there are still major changes happening which will change some behavior, but the API will be identical so it doesn't matter that much

[SvenBudak]

@wagnermaciel ok thanks for the info! Can you roughly estimate when mdc could be ready to be released for prod? i am fully aware that any of your statements can be + or - 10 years off. however, i would be interested in a rough estimate as i can't figure it out based on the issues. don't worry no one is going to nail you down on this statement. it's enough to know if it's more like months or more like 3 years. :)

[wagnermaciel]

@SvenBudak We're planning on releasing them over the next few major releases, of which there are typically two annually. We're not sure if we'll be able to land all of them in one go so it might be over the course of the next 1-2 releases (maybe 3 depending on how tough things get, but that seems like a worst case scenario).

So long story short, worst case scenario I'd estimate 1.5 years until the new components are released for prod

[Phil-DS]

@SvenBudak There's no in progress % but you can track our progress by viewing our PRs https://github.com/angular/components/pulls?q=is%3Apr+%22feat%22+%22switch%22+%22implementation+to+use+MDC%22+created%3A%3E2022-01-01+

I wouldn't recommend using the mdc-slider just yet because there are still major changes happening which will change some behavior, but the API will be identical so it doesn't matter that much

I saw that the PR for the switching slider to the MDC version was approved and merged just under a month ago. Does that mean its in the current version, or that it is staged, ready for release in the next major update?

[jelbourn]

Next major update (v15)

[amysorto]

Closing this since this is going to be available in v15 really soon! For a sneak peak you can look here: https://rc.material.angular.io/components/slider/examples#slider-range

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}