Add className variable for input wrapper

[kennedybaird]

So, I just spent some time trying to get this looking nice in my project.

All I needed to do was be able to apply a class to the outer wrapper et voila:

Have you thought about adding this as an option? It seems like a no-brainer with regards to compatibility.

[wojtekmaj]

Hi, DateTimePicker already accepts className prop.

[ghost]

I'm suggesting an additional className prop, called wrapperClassName.

This would go at lines 168 & 174 of DateTimePicker.jsx as so:

renderInputs() {
    const {
      calendarIcon,
      clearIcon,
      disabled,
      locale,
      maxDetail,
      maxDate,
      minDate,
      name,
      required,
      showLeadingZeros,
      value,
      wrapperClassName,
    } = this.props;

    const { isCalendarOpen, isClockOpen } = this.state;

    return (
      <div className={`${baseClassName}__wrapper ${wrapperClassName}`}>

[lcsixp]

I'm also very interested in this kind of feature.

[github-actions[bot]]

This issue is stale because it has been open 90 days with no activity. Remove stale label or comment or this issue will be closed in 14 days.

[github-actions[bot]]

This issue was closed because it has been stalled for 14 days with no activity.