components icon indicating copy to clipboard operation
components copied to clipboard

Published 20 hours ago • verified publisher icon angular

Range Slider

Open anderflash opened this issue 8 years ago • 80 comments

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.

anderflash avatar Sep 26 '16 17:09 anderflash

any news on this?

razvanmitre avatar Dec 07 '16 17:12 razvanmitre

I don't think this is a priority for us since its not part of the material spec

mmalerba avatar Dec 07 '16 20:12 mmalerba

I understand. It would be considered a future enhancement. I see Ionic Range could be a good inspiration (there is an example - see structure field). And it's on top of Angular 2.

anderflash avatar Dec 07 '16 21:12 anderflash

i really really hope, that they implement it... I know people who use ionic, only because in material is no range slider...

SvenBudak avatar Jan 25 '17 18:01 SvenBudak

Any news? Really nice to have.

arkhamvm avatar May 03 '17 02:05 arkhamvm

+1 this is really important for a lot of applications

Tiedye avatar Jul 14 '17 14:07 Tiedye

Any news?

mladilav avatar Sep 19 '17 08:09 mladilav

News about?

chicojunior avatar Oct 16 '17 19:10 chicojunior

+1

troelssiggaard avatar Nov 02 '17 10:11 troelssiggaard

+1

ghal avatar Dec 04 '17 22:12 ghal

  • 1

alexlevy0 avatar Dec 06 '17 17:12 alexlevy0

+1

kaykhan avatar Dec 06 '17 19:12 kaykhan

+1

dniadzelka avatar Dec 14 '17 09:12 dniadzelka

+1

franckie20 avatar Dec 27 '17 14:12 franckie20

Good inspiration:

  • https://github.com/leongersen/noUiSlider
  • https://codepen.io/davidchin/full/GpNvqw
<!-- auto range slider -->
<mat-slider values="[10, 22, ...]"></mat-slider>

<!-- explicit range slider -->
<mat-slider range values="[10, 22, ...]"></mat-slider>

odahcam avatar Dec 29 '17 12:12 odahcam

@troelssiggaard @ghal @alexlevy0 @KKHAN1991 @hatem20 @dniadzelka @franckie20 Please don't spam others who have watched this repository with +1s. Just click on the thumbs up emoji on the top post.

EdricChan03 avatar Dec 29 '17 14:12 EdricChan03

Hi and sorry for the flood Any news on this ? It would be really nice to have, for many apps

Raphyyy avatar Feb 12 '18 23:02 Raphyyy

After 1,5 years of this issue opened, MD2 still don't have it? Really? Maybe someone have a custom realisation of this component (CDK, huh)?

AndyInfin avatar Mar 07 '18 10:03 AndyInfin

I use primeng for the slider range. Hope material add it

Spawnrad avatar Apr 18 '18 21:04 Spawnrad

Any news?

tsuyoshi-nishikawa avatar May 24 '18 01:05 tsuyoshi-nishikawa

This is not cool and not usual at all:

image

😞

odahcam avatar May 24 '18 20:05 odahcam

Its a low priority but very usefull for everyone :(

Spawnrad avatar May 25 '18 18:05 Spawnrad

like this https://material.io/design/components/sliders.html#usage

tsuyoshi-nishikawa avatar May 27 '18 03:05 tsuyoshi-nishikawa

Finally it's on Material spec! 🎉

Ref: https://material.io/design/components/sliders.html#usage

odahcam avatar May 27 '18 14:05 odahcam

Bumping the priority since this is part of the spec now. FYI to everyone watching this thread: you may want to follow https://github.com/angular/material2/issues/10774 as well, as it's a pre-req to making the material version

mmalerba avatar May 29 '18 15:05 mmalerba

When we can expect range slider in angular material guys..?

shivarajnaidu avatar Jul 20 '18 08:07 shivarajnaidu

This feature is very important. Having 2 slides for max and min value is not a user experience i would want

GeoffMahugu avatar Aug 22 '18 12:08 GeoffMahugu

👍 🥇

kevupton avatar Aug 31 '18 07:08 kevupton

As an alternative I've found this component: https://www.primefaces.org/primeng/#/slider

Kiennyo avatar Sep 05 '18 14:09 Kiennyo

@Kiennyo but the styling is a struggle! were you able to make it look like angular material one or at least ionic?

ankitminglani avatar Sep 10 '18 06:09 ankitminglani