Age calculator app solution

Community feedback

• 

  Shalom2935•420

  @Shalom2935Posted over 1 year ago

  /* remove spin buttons */
  
  /* Chrome, Edge, Opera*/
  
  input[type=number]::-webkit-inner-spin-button {
      
      display: none;
  
  }
  
  /* Firefox,  Safari */
  
  input[type=number] {
     
      -moz-appearance: textfield;
      -webkit-appearance: textfield;
    
  }
  

  This will help you remove the spin buttons while hovering or focusing on the input. This solution is the prettiest one I have seen that far and I'm literally fan of the animations. I just figured out a situation I have yet to take into account and it seems you also missed it: What will happen if not the year but globally the input date is higher than today? maybe 5 april 2023. That must be fixed.

  Marked as helpful

  1

  ---

  

  Cosmo•590

  @cosmoartPosted over 1 year ago

  @Shalom2935 Thanks for the feedback, regarding the spin buttons at first I thought they looked pretty but you reminded me that they can look different in every browser so I hid them like you said.

  Thanks for making me notice that date problem, it's already fixed, I also added an animation when changing the date, I hope you like it :D

  1