 CardName = ({ name }) -> <Label size='small' type='secondary'>{name}</Label>
 
 
-CardDate = ({ month, year }) -> <Label size='small' type='secondary'>{month}/{year.substr year.length - 2}</Label>
+CardDate = ({ month, year }) ->
+  year = String year
+  <Label size='small' type='secondary'>
+    {month}/{year.substr year.length - 2}
+  </Label>
 
 


module.exports = CreditCard = (props) ->

  { brand, number, name, exp_year: year, exp_month: month } = props

  month or= CreditCard.defaultProps.exp_month
  year or= CreditCard.defaultProps.exp_year

  <Box className={styles.main}>
    <Row className={styles.header}>

        <CardName name={name} />
      </Col>
      <Col xs={4} className={textStyles.right}>
        <CardDate month={exp_month} year={exp_year} />
      </Col>
    </Row>
  </Box>
