title: Make a Datepicker button look similar to the one in Google calendar app
body: <p>My app is supposed to have a Datepicker. To invoke the date picker fragment a button is pressed and then the floating date picker appears. 
  My problem is that the button does not look similar to the rest of the UI components being used to accept data. Is there any way I can make the button look and function like the one in Google calendar app?? The date picker button dynamically displays the date chosen too and would like to have that functionality too. </p>
  
  <p>Picks for reference: </p>
  
  <p><strong>My current button:</strong> </p>
  
  <p><img src="https://i.stack.imgur.com/eafTt.png" alt="enter image description here">  </p>
  
  <p><strong>The type of button I want to achieve:</strong>
  <img src="https://i.stack.imgur.com/ylzAt.png" alt="enter image description here"></p>