Cant enter 10.00 about react-native-masked-text HOT 10 CLOSED

this.submitButtonClicked = this.submitButtonClicked.bind(this);

submitButtonClicked() {
console.log(this.refs.paymentAmount.getRawValue());
}

  <View style={{flex: 1, backgroundColor: 'transparent'}}>

    <View style={{flex: 1, backgroundColor: 'transparent'}} onLayout={(event) => {
        var {x, y, width, height} = event.nativeEvent.layout;
        heightOfImageContainer = height;
        widthOfImageContainer = width;
      }}>
        <Image style={{flex: 1, width: null, height: heightOfImageContainer, marginTop: 20}} resizeMode={'contain'} source={require('../../../img/justgiveThankyou.png')} />
    </View>
    <View style={{flex: 0.75,  flexDirection: 'column', justifyContent: 'space-between',marginTop: 10, marginBottom: 15, marginHorizontal: 10}}>
        <View style={{flex: 1, borderRadius: 10, marginTop: 5, backgroundColor: '#390063', flexDirection: 'row'}}>
          <Text style={{flex: 1, color: 'white', marginLeft: 15, alignSelf:'center'}}>Enter Amount Here</Text>
          <View style={{flex: 0.65, height:35, alignSelf:'center', justifyContent:'center', marginRight: 10, backgroundColor: 'white', borderRadius: 10}}>
            <TextInputMask ref={'paymentAmount'} value={this.state.paymentAmount} onChangeText={this.onChangeText.bind(this)} style={{flex:1, marginHorizontal: 10}} type={'money'} options={{ unit: '$', separator: '.', delimiter: ',' }} />
          </View>
        </View>
        <View style={{flex: 1, borderRadius: 10, marginTop: 5, backgroundColor: '#390063', flexDirection: 'row'}}>
          <Text style={{flex: 1, color: 'white', marginLeft: 15, alignSelf:'center'}}>Hashtag (Optional)</Text>
          <View style={{flex: 0.65, height:35, alignSelf:'center', marginRight: 10, backgroundColor: 'white', borderRadius: 10}}>
            <InputGroup style={{flex: 0.5, alignSelf:'center', textAlign:'center'}} borderType='rounded' >
                          <Input ref={'hashtag'} onChangeText={(hastagvalue) => this.setState({hashtag:hastagvalue})} keyboardType={'alpha'} placeholder=''/>
            </InputGroup>
          </View>
        </View>
    </View>

    <View style={{flex: 0.45, backgroundColor: '#FF8162', flexDirection: 'column', justifyContent: 'center'}} onLayout={(event) => {
        var {x, y, width, height} = event.nativeEvent.layout;
        heightOfSubmitContainer = height;
      }}>
      <View style={{flex: 1, backgroundColor: 'transparent', flexDirection: 'row', alignItems: 'center', justifyContent: 'flex-end',}}>
        <Button ref="paymentButton" onPress={() => {this.submitButtonClicked()}} color="white" style={{width:100, height: 35, backgroundColor: '#390063', marginRight: 20, alignSelf: 'center'}}>Submit</Button>
      </View>
    </View>

  </View>

);