render() {
    return (
      <div className="breadcrumb-line breadcrumb-line-component content-group-lg">
        <ul className="breadcrumb">
            <li>
              <a className="text-white btn btn-primary btn-sm btn-raised legitRipple" href="/counter/transfer/add/">
              <i className="icon-add position-left"></i>
              Transfer
              </a>
            </li>
        </ul>
        <ul className="breadcrumb-elements">
            <li><a href="javascript:;" className="text-bold"> Search:</a></li>
            <li>
              <FilterSearch />
            </li>
            <li><a href="javascript:;" className="text-bold"> Date:</a></li>
            <li>
              <FilterDate />
            </li>
        </ul>
      </div>
    );
  }
/*
   * This component render search/datepicker components & transfer button.
   * Props: Listed in FilterBlock.propTypes below
   *        All props are fetch from redux
   *  Usage: <FilterBlock />
   * */
This component render search/datepicker components & transfer button.
Props: Listed in FilterBlock.propTypes below
All props are fetch from redux
Usage: 
This component render search / datepicker components & transfer button . Props : Listed in FilterBlock . propTypes below All props are fetch from redux Usage :
render() {
    return (
      <div className="breadcrumb-line breadcrumb-line-component content-group-lg">
        <ul className="breadcrumb">
            <li>
              <a className="text-white btn btn-primary btn-sm btn-raised legitRipple" href="/counter/transfer/add/">
              <i className="icon-add position-left"></i>
              Transfer
              </a>
            </li>
        </ul>
        <ul className="breadcrumb-elements">
            <li><a href="javascript:;" className="text-bold"> Search:</a></li>
            <li>
              <FilterSearch />
            </li>
            <li><a href="javascript:;" className="text-bold"> Date:</a></li>
            <li>
              <FilterDate />
            </li>
        </ul>
      </div>
    );
  }
render ( ) { return ( < div className = "breadcrumb-line breadcrumb-line-component content-group-lg" > < ul className = "breadcrumb" > < li > < a className = "text-white btn btn-primary btn-sm btn-raised legitRipple" href = "/counter/transfer/add/" > < i className = "icon-add position-left" > < / i > 
              Transfer
               < / a > < / li > < / ul > < ul className = "breadcrumb-elements" > < li > < a href = "javascript:;" className = "text-bold" >  Search: < / a > < / li > < li > < FilterSearch / > < / li > < li > < a href = "javascript:;" className = "text-bold" >  Date: < / a > < / li > < li > < FilterDate / > < / li > < / ul > < / div > ) ; }
This component render search/datepicker components & transfer button.
This component render search / datepicker components & transfer button .