Pull Request: Adding New Control NumericUpDown Control to Material Design XAML Toolkit

[Asivaprasadam]

Pull Request: Adding NumericUpDown control to Material Design

Preface

Hello everyone,

This is my first contribution to a GitHub project, and I am excited to be a part of the MaterialDesignXamlToolkit community. I have been working on this NumericUpDown control for Material Design, and I believe it will be a valuable addition to the project.

I must admit that my lack of experience contributing to open-source projects has delayed me in committing to this code. However, I have decided that I don't want to delay it any further by waiting to complete all the planned improvements before submitting my contribution when there is a strong community that can help me out with my 1st contribution.

Since this is my first GitHub contribution, I would appreciate any feedback and advice you can provide. I am eager to learn from more experienced developers and improve my skills, so please do not hesitate to give me constructive criticism and suggestions for improvements. I am committed to contributing to this project and look forward to continuing to learn and improve.

Thank you for taking the time to review my contribution, and I look forward to your feedback.

Description

This pull request adds a new NumericUpDown control to the Material Design project. The control provides a user-friendly way to input numeric values and is designed to fit seamlessly into the Material Design UI.

Changes Made

• Created a new NumericUpDown control that allows users to input numeric values within a specific range.
• Implemented the first base style for the control, nothing fancy and definitely needs improvement.
• Integrated the NumericUpDown with the Material Design MainDemo and added a page to display styles.

Pending Potential Changes

• Provided additional documentation to help users understand the control's functionality and usage.
• Improve the support for common input methods, such as keyboard and mouse input.
• Create logarithmic click/ scroll support to enhance the UX/ user experience.
• Tune the base style to adhere more closely to Material Design principles.
• Create additional styling templates following Material Design guidelines to provide more options for users
• Add all the new styles to the Main Demo App NumericUpDown control page to showcase the control.

Screenshots

Related Issues

1. Issue Outlined NumericUpDown not displayed correctly when disabled #2592
2. Issue NumericUpDown: Outline has a line at the bottom #2557
3. Issue NumericUpDown Outlined #2448

Additional Notes

None

[Keboo]

One other thing that would be good to do is write some UI tests for this control. If you need any help setting that up, let me know.

[Keboo]

Would be nice to put in a few more examples showing the commands, Min and Max, and any other styles.

[ElieTaillard]

Plus and Minus seem inverted according to your screenshot. Here are some examples of what we usually see in UI:

[tim-gromeyer]

Any update on this? @Asivaprasadam? Would be cool to have this in my project, this is exactly what I need!

[arjun-sivaprasadam]

@tim-gromeyer I have changed my work abit and switched from UI development to more of a backend development. But I'll check with the progress and do an update possibly asap, but lets say optimally by end of Jan worst case by march. Feel free to take over too!

[nicolaihenriksen]

Left a few comments to consider.