(function () {
    'use strict';

    var React = require('react'),
        DateInput = require('./DateInput'),
        Environment = require('./Environment'),
        Model = require('./Model'),

        nightsText = function (count) {
            switch (count) {
            case 0:
                return 'Single day';

            case 1:
                return '1 night';

            default:
                return count + ' nights';
            }
        };

    module.exports = React.createClass({
        propTypes: {
            environment: React.PropTypes.instanceOf(Environment),
            model: React.PropTypes.instanceOf(Model),
            onChange: React.PropTypes.func
        },

        render: function () {
            return React.DOM.div(
                {className: 'period-of-stay-input'},
                this.valueInputs()
            );
        },

        valueInputs: function () {
            var m = this.props.model;

            return [
                React.DOM.label(
                    {className: 'period-of-stay-check-in', key: 0},
                    'Check-in day',

                    DateInput({
                        ref: 'checkIn',
                        value: m.checkInDate,
                        onChange: this.handleCheckInChange
                    })
                ),

                React.DOM.label(
                    {className: 'period-of-stay-check-out', key: 1},
                    'Check-out day',

                    DateInput({
                        ref: 'checkOut',
                        value: m.checkOutDate,
                        onChange: this.handleCheckOutChange
                    })
                ),

                React.DOM.span(
                    {className: 'period-of-stay-nights', key: 2},
                    nightsText(m.nightsCount())
                )
            ];
        },

        handleCheckInChange: function (value) {
            this.props.onChange(this.props.model.newCheckIn(value, this.props.environment));
        },

        handleCheckOutChange: function (value) {
            this.props.onChange(this.props.model.newCheckOut(value, this.props.environment));
        }
    });
}());

@@ -783,32 +783,66 @@
    %7BclassName: '
+srch-form__form-group form-group--
 period-of-stay-i
@@ -1024,37 +1024,35 @@
       React.DOM.
-label
+div
 (%0A              
@@ -1105,16 +1105,17 @@
 ey: 0%7D,%0A
+%0A
         
@@ -1117,32 +1117,54 @@
                 
+ React.DOM.label(null,
  'Check-in day',
@@ -1158,24 +1158,25 @@
 heck-in day'
+)
 ,%0A%0A         
@@ -1357,32 +1357,34 @@
               %7D)
+,%0A
 %0A               
@@ -1388,43 +1388,224 @@
     
-),%0A%0A                React.DOM.label
+    React.DOM.span(%7BclassName:'srch-form__help-block'%7D, 'Format: dd.mm.yyyy'),%0A                    React.DOM.i(%7BclassName:'fa fa-calendar srch-form__calendar-icon'%7D, '')%0A%0A            ),%0A%0A                React.DOM.div
 (%0A  
@@ -1671,16 +1671,17 @@
 ey: 1%7D,%0A
+%0A
         
@@ -1691,16 +1691,38 @@
         
+ React.DOM.label(null,
  'Check-
@@ -1729,16 +1729,17 @@
 out day'
+)
 ,%0A%0A     
@@ -1935,16 +1935,204 @@
       %7D)
+,%0A%0A                    React.DOM.span(%7BclassName:'srch-form__help-block'%7D, 'Format: dd.mm.yyyy'),%0A                    React.DOM.i(%7BclassName:'fa fa-calendar srch-form__calendar-icon'%7D, '')
 %0A       

The new markup proposed by @vetslav. Will be redacted