1C date picker component redesign
› In the applications of the 1C ecosystem, platforms 1C: Enterprise 8.x there is a component called "input field with a regulator" (screenshot is attached — "Previous Design").
› It can be applied to numeric sets and to text sequences.
› Such a field can be located on the form, or it can be located in an editable table cell.
› Can be used in both web and mobile applications.
› It can be applied to numeric sets and to text sequences.
› Such a field can be located on the form, or it can be located in an editable table cell.
› Can be used in both web and mobile applications.
![](https://cdn.myportfolio.com/f977b56f72079b89fad72b99e9c93cd0/642741f7-192c-4dc3-bcb8-c7ef34e9df39_rw_1920.png?h=f7c4482e32ece07fedbf4f185cc9b728)
Solution
I should submit my vision of this component for input:
› dates
› text listings (Monday, Tuesday..)
› numbers (ordinal) for example in online stores
› dates
› text listings (Monday, Tuesday..)
› numbers (ordinal) for example in online stores
The states and interactions with a given field type must be understood.
I made a research through various design systems and UI Kits and decided to get 2 examples where I found the right solution and which I can adopt to 1C new design system.
![salesforce design system https://www.lightningdesignsystem.com/](https://cdn.myportfolio.com/f977b56f72079b89fad72b99e9c93cd0/f128b8e5-f4fa-4bae-9e6a-c94c2fb07655_rw_1920.jpg?h=4489d1e0fbe29be0a0c85b5067f5d1eb)
salesforce design system https://www.lightningdesignsystem.com/
![Xela React Design Kit https://alexanderg.gumroad.com/l/xela-figma-react](https://cdn.myportfolio.com/f977b56f72079b89fad72b99e9c93cd0/0efe41b9-5102-427b-9d13-a5b73fd37e24_rw_1920.jpg?h=fee25112dfaf9d03fbda6d04224e8c4d)