diff --git a/src/components/BirthdayInput/BirthdayInput.css b/src/components/BirthdayInput/BirthdayInput.css index 5dd4fbc0..6c7c7e25 100644 --- a/src/components/BirthdayInput/BirthdayInput.css +++ b/src/components/BirthdayInput/BirthdayInput.css @@ -5,28 +5,12 @@ .dropdown { display: inline-block; flex: 1; - appearance: none; - - /* Font */ - font-size: 16px; - letter-spacing: -0.4px; /* Border */ border: 1px solid #979797; border-left-width: 0; - border-radius: 0; &:first-child { border-left-width: 1px; } - - /* Dimensions */ - padding-left: 18px; - padding-right: 18px; - height: 50px; - - /* Background */ - background-image: url('data:image/svg+xml;utf8,'); - background-size: 16px 16px; - background-position: center right 10px; } diff --git a/src/components/BirthdayInput/BirthdayInput.js b/src/components/BirthdayInput/BirthdayInput.js index d4aae15f..90c370a7 100644 --- a/src/components/BirthdayInput/BirthdayInput.js +++ b/src/components/BirthdayInput/BirthdayInput.js @@ -1,6 +1,7 @@ import React, { Component, PropTypes } from 'react'; import classNames from 'classnames'; import { range } from 'lodash'; +import { Select } from '../../components'; import css from './BirthdayInput.css'; @@ -126,7 +127,7 @@ class BirthdayInput extends Component { return (
- - this.handleSelectFocus()} @@ -145,8 +146,8 @@ class BirthdayInput extends Component { > )} - - this.handleSelectFocus()} @@ -155,7 +156,7 @@ class BirthdayInput extends Component { > )} - +
); }