title: Android Material DateRangePicker has a different layout than in the official website
body: <p>I'm implementing a dateRangePicker and it works perfectly fine, but the way it looks is off and different to the way it looks in <a href="https://stackoverflow.com/questions/59265243/material-date-picker-custom-styling">the first reply of this StackOverflow</a> or <a href="https://material.io/components/date-pickers/android#date-range-pickers" rel="nofollow noreferrer">the official material.io website</a>.</p>
  <p>This is my implementation:</p>
  <pre class="lang-java prettyprint-override"><code>MaterialDatePicker&lt;Pair&lt;Long, Long&gt;&gt; pickerRange = MaterialDatePicker.Builder.dateRangePicker()
                  .setTheme(R.style.ChipStyle)
                  .setCalendarConstraints(limitRange().build())
                  .setTitleText(getString(R.string.choose_date_range))
                  .setSelection(new Pair&lt;&gt;(initialMillis, finalMillis))
                  .build();
  
          pickerRange.addOnPositiveButtonClickListener(selection -&gt; { ... });
          pickerRange.show(getSupportFragmentManager(), pickerRange.toString());
  </code></pre>
  <p>And this the style I'm using at this moment:</p>
  <pre class="lang-xml prettyprint-override"><code>&lt;style name=&quot;ChipStyle&quot; parent=&quot;Theme.MaterialComponents.DayNight.DarkActionBar&quot;&gt;
          &lt;item name=&quot;colorPrimary&quot;&gt;@color/colorPrimary&lt;/item&gt;
          &lt;item name=&quot;colorPrimaryDark&quot;&gt;@color/colorPrimaryDark&lt;/item&gt;
          &lt;item name=&quot;colorAccent&quot;&gt;@color/colorAccent&lt;/item&gt;
          &lt;item name=&quot;colorSecondary&quot;&gt;@color/colorPrimary&lt;/item&gt;
      &lt;/style&gt;
  </code></pre>
  <p>I've tried implementing styles the way it suggested in that StackOverflow and in the official website, but the only thing I've managed to change are the colors, the layout is still off and different like you can see in the following image.</p>
  <p><a href="https://i.stack.imgur.com/zl1mv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zl1mv.png" alt="DateRangePicker layouts" /></a></p>
  <p>The one on the left is mine, and as you can see the layout looks different, and the circle around the day is moved to the right. How can I make it look like the right one, which is the preview shown in both the StackOverflow mentioned before and the official site?</p>