title: Understanding the gulp, mvc and react setup and finding week-view calendar component
body: <p>I currently have a project that is an mvc webapp and it contains gulp with jsx files that convert to js files when I run the gulp command.
  I would like to understand how can I import components to react.
  Currently there is no import like a normal reactjs app.</p>
  <p>Its done like this:</p>
  <pre><code>_.set(window, &quot;Test.ReactComponents.Calendar.Init&quot;, (element, options) =&gt; {
      var CalendarRender = ReactDOM.render(&lt;Calendar
          elementID={options.elementID}
          defaultDate={options.defaultDate}
          onMonthChange={options.onMonthChange}
          onDateChange={options.onDateChange} /&gt;, element);
      console.log(CalendarRender);
  });
  </code></pre>
  <p>This is the file structure:
  <a href="https://i.stack.imgur.com/4rNGz.png" rel="nofollow noreferrer">File structure</a></p>
  <p>The bootstrap-datepicker.js is from <a href="https://github.com/uxsolutions/bootstrap-datepicker" rel="nofollow noreferrer">https://github.com/uxsolutions/bootstrap-datepicker</a></p>
  <p>I am unable to understand how this component of bootstrap-datepicker.js is working with the calendar.jsx file that there is in the project.
  I would also like to know if there are any week-view calendar components that I can use. so it should only show week by week and not the whole month.</p>
  <p>Let me know if you need more info.</p>