Comments (9)
Hi. I'll think about it right after refactoring )
from ngx-material-timepicker.
For my use case similar to this, it would be helpful to simply be able to edit the underlying input area in a consistent way and have it reflect back in the clock so that users don't necessarily have to go into the clock at all to enter something.
from ngx-material-timepicker.
already started implementing this feature. I guess it'll be done till the end of this week
from ngx-material-timepicker.
I implemented the feature. Update to 2.7.0 and look at the demo how to use it. Tell me your opinion about it please
from ngx-material-timepicker.
From what I'm seeing, this looks really close. The only thing that I see that's missing is input restriction (I can type any number of digits into the timepicker), and the ability to tab to AM/PM in the 12 hour clock.
My personal hope would be to have the input field itself that you focus editable when clicking on it, but it is somewhat separate from this original request, and I can raise it as a new issue if it'll make things easier.
from ngx-material-timepicker.
Yes, make it as a new issue please
from ngx-material-timepicker.
I have the same thoughts:
- Input restriction to valid chars - I can type letters and other characters, it should only allow numbers
- Input restricted to 2 digits
- Input restricted to valid time (I should not be able to type 61 minutes, for example)
- Focus on click - I would prefer the numbers to be focused when first entering edit mode, it makes changing the value easier
- Add the ability to edit/tab to the AM/PM field so you can use keyboard there too
- Can we have the arrow keys move the values up/down?
Should I add these to a single new issue? Or append them to jbthomps issue? (not sure if he created it yet)
from ngx-material-timepicker.
You guys can merge your proposals to one issue, so that I can close this one. Thanks
from ngx-material-timepicker.
fyi: I created issue #56 for my enhancement requests....
Thank you so much for implementing this feature!
from ngx-material-timepicker.
Related Issues (20)
- Angular v14 - setLocale() missing HOT 1
- Table stylesheet broken after displaying calendar
- Disable specific hoursValues
- Issue with 24 hr format HOT 6
- NgxMaterialTimepickerModule is not compatible with Angular Ivy HOT 7
- editable dial is not updating when user click on hour and minutes while enableKeyboardInput is true HOT 7
- Ngx-material-timepicker validation [min] not working for hours
- Remove console log from build file(version 13.0.3) HOT 1
- Is this compatiable with Angular 15 and above? HOT 1
- style not loaded initially, but when click on regular material date picker after that style works fine for ngx-datetime picker HOT 1
- How to reuse styles in Custom Template?
- empty or 00:00
- How to show HH:MM:XM instead of H:MM:XM
- Focus move to minutes when updating hours in the editable dial using the arrow keys HOT 1
- Upgrading Luxon to v3
- I can not get selected value using timeSet event. HOT 1
- Application failing to load with console errors related to NgxMaterialTimepickerService
- HH:MM not displaying while timepicker is shown inside mat-dialog-content
- When timepicker is disabled the icon should be disabled too.
- No event triggered when hours and mins field are made empty i.e HH and MM
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ngx-material-timepicker.