import React from 'react';

const Datepicker = ({ fill = '#D7DBDF', width = 24, className = '', viewBox = '0 0 49 48' }) => (
  <svg
    width={width}
    height={width}
    viewBox={viewBox}
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className}
  >
    <path
      fill={fill}
      d="M4.722 16.476V40.5c0 3.038 2.257 5.5 5.041 5.5h30.25c2.785 0 5.042-2.462 5.042-5.5V16.476H4.722z"
    ></path>
    <path
      fill="#3E63DD"
      fillRule="evenodd"
      d="M14.805 2c1.591 0 2.881 1.407 2.881 3.143v1.571h14.405V5.143c0-1.736 1.29-3.143 2.881-3.143 1.591 0 2.88 1.407 2.88 3.143v1.571h2.161c2.556 0 5.042 2.08 5.042 5.174v4.604H4.722v-4.604c0-3.093 2.485-5.174 5.041-5.174h2.161V5.143c0-1.736 1.29-3.143 2.881-3.143z"
      clipRule="evenodd"
    ></path>
    <path
      fill="#3E63DD"
      d="M13.365 28.148c1.59 0 2.88-1.407 2.88-3.142 0-1.736-1.29-3.143-2.88-3.143-1.591 0-2.881 1.407-2.881 3.143 0 1.735 1.29 3.142 2.88 3.142zM24.888 28.148c1.591 0 2.881-1.407 2.881-3.142 0-1.736-1.29-3.143-2.88-3.143-1.592 0-2.882 1.407-2.882 3.143 0 1.735 1.29 3.142 2.881 3.142zM13.365 40.717c1.59 0 2.88-1.407 2.88-3.143 0-1.736-1.29-3.143-2.88-3.143-1.591 0-2.881 1.407-2.881 3.143 0 1.736 1.29 3.143 2.88 3.143zM24.888 40.717c1.591 0 2.881-1.407 2.881-3.143 0-1.736-1.29-3.143-2.88-3.143-1.592 0-2.882 1.407-2.882 3.143 0 1.736 1.29 3.143 2.881 3.143zM36.413 28.148c1.59 0 2.88-1.407 2.88-3.142 0-1.736-1.29-3.143-2.88-3.143-1.591 0-2.881 1.407-2.881 3.143 0 1.735 1.29 3.142 2.88 3.142z"
    ></path>
  </svg>
);

export default Datepicker;
