material-date-range-picker | Accessible date range picker for material-ui | Date Time Utils library

by jonas-arkulpa JavaScript Version: 0.1.1 License: MIT

X-Ray Key Features Code Snippets Community Discussions(1)Vulnerabilities Install Support

kandi X-RAY | material-date-range-picker Summary

material-date-range-picker is a JavaScript library typically used in Utilities, Date Time Utils applications. material-date-range-picker has no bugs, it has no vulnerabilities, it has a Permissive License and it has low support. You can install using 'npm i material-date-range-picker' or download it from GitHub, npm.

Accessible date range picker for material-ui

Support

Quality

Security

License

Reuse

Support

material-date-range-picker has a low active ecosystem.

It has 15 star(s) with 10 fork(s). There are 1 watchers for this library.

It had no major release in the last 12 months.

There are 4 open issues and 2 have been closed. On average issues are closed in 32 days. There are 1 open pull requests and 0 closed requests.

It has a neutral sentiment in the developer community.

The latest version of material-date-range-picker is 0.1.1

Quality

material-date-range-picker has 0 bugs and 0 code smells.

Security

material-date-range-picker has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

material-date-range-picker code analysis shows 0 unresolved vulnerabilities.

There are 0 security hotspots that need review.

License

material-date-range-picker is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

material-date-range-picker releases are not available. You will need to build from source code and install.

Deployable package is available in npm.

Installation instructions, examples and code snippets are available.

It has 16 lines of code, 0 functions and 13 files.

It has low code complexity. Code complexity directly impacts maintainability of the code.

Top functions reviewed by kandi - BETA

kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of material-date-range-picker

Get all kandi verified functions for this library.

material-date-range-picker Key Features

No Key Features are available at this moment for material-date-range-picker.

material-date-range-picker Examples and Code Snippets

No Code Snippets are available at this moment for material-date-range-picker.

Community Discussions

Trending Discussions on material-date-range-picker

Angular Dart Material Daterange picker height

QUESTION

Angular Dart Material Daterange picker height

Asked 2019-Mar-27 at 03:05

I use but it is displayed to tall. I found that material_date_range_picker.scss declares .main-content { ...; height: $datepicker-main-content-height; ... } and $datepicker-main-content-height is defined as $mat-grid * 9 which is 72px. The component looks ugly and breaks a layout. Other datepicker components don't define height and look normal. I tried to override the height in my CSS by :host .main-content { height: auto !important} but as Angular adds some _ngcontent-rnp-XX classes to elements it doesn't apply. Does anybody know how to style material-date-range-picker height? (And why it is styled to have fixed height).

...

ANSWER

Answered 2019-Mar-27 at 03:05

So you might want to try to use this mixin here which might work better for your environment. https://github.com/dart-lang/angular_components/blob/c644746d2824df7cfaf0a34f900b1f8557caddbc/angular_components/lib/material_datepicker/_mixins.scss#L221

You can also see how it sets the .main-content height by using :ng-deep. For Google products we don't want people to customize using ng-deep as it makes everything part of public API which makes migrations hard, but it should be OK in this content.

We are going to look into providing a mixin for teams to set the height themselves in a more maintenance friendly manner.

I'm glad you like using the widgets, but I would ask that you take care with your criticism. This particular design works well for our products and many of our designers love it and thinks it looks beautiful. I understand it doesn't work for your use case, but hopefully the customization outlined above will work for you.

Source https://stackoverflow.com/questions/55352552

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install material-date-range-picker

The date picker is based on multiple awesome projects and requires following peer dependencies to be installed:. Available as npm package.
material-ui
date-fns (^1.29.0)
downshift
kalendaryo
styled-components

Support

For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .

Find more information at: